@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: 600
}

@-webkit-keyframes kurukuru {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes kurukuru {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes hoverline {
	100% {
		height: 16px
	}
}

@keyframes hoverline {
	100% {
		height: 16px
	}
}

@-webkit-keyframes progress {
	0% {
		width: 100%
	}

	100% {
		width: 0%
	}
}

@keyframes progress {
	0% {
		width: 100%
	}

	100% {
		width: 0%
	}
}

@-webkit-keyframes syun {
	100% {
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
		visibility: visible
	}
}

@keyframes syun {
	100% {
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
		visibility: visible
	}
}

@-webkit-keyframes re-syun {
	100% {
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
		visibility: visible
	}
}

@keyframes re-syun {
	100% {
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
		visibility: visible
	}
}

@-webkit-keyframes syun-color {
	100% {
		color: #fff
	}
}

@keyframes syun-color {
	100% {
		color: #fff
	}
}

@-webkit-keyframes re-syun-color {
	100% {
		color: #fff
	}
}

@keyframes re-syun-color {
	100% {
		color: #fff
	}
}

@-webkit-keyframes syun-opacity {
	100% {
		opacity: 1
	}
}

@keyframes syun-opacity {
	100% {
		opacity: 1
	}
}

@-webkit-keyframes TtoB {
	0% {
		height: 6px;
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		opacity: .6
	}

	85% {
		opacity: 0
	}

	100% {
		height: 100%;
		-webkit-transform: translateY(115px);
		transform: translateY(115px)
	}
}

@keyframes TtoB {
	0% {
		height: 6px;
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		opacity: .6
	}

	85% {
		opacity: 0
	}

	100% {
		height: 100%;
		-webkit-transform: translateY(115px);
		transform: translateY(115px)
	}
}

@-webkit-keyframes BtoT {
	0% {
		height: 6px;
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		opacity: .6
	}

	85% {
		opacity: 0
	}

	100% {
		height: 100%;
		-webkit-transform: translateY(-115px);
		transform: translateY(-115px)
	}
}

@keyframes BtoT {
	0% {
		height: 6px;
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		opacity: .6
	}

	85% {
		opacity: 0
	}

	100% {
		height: 100%;
		-webkit-transform: translateY(-115px);
		transform: translateY(-115px)
	}
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

blockquote::before,
blockquote::after,
q::before,
q::after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

strong,
em {
	font-weight: 700
}

pre {
	white-space: pre-wrap
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

input,
button,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: middle
}

input::-moz-focus-inner,
button::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner {
	border: 0
}

input,
button,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox
}

input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio
}

textarea {
	resize: none
}

input[type="button"],
input[type="submit"],
button {
	background: none;
	border: 0;
	cursor: pointer
}

button {
	overflow: visible
}

::-moz-selection {
	background: #06c;
	color: #fff
}

::selection {
	background: #06c;
	color: #fff
}

::-moz-selection {
	background: #06c;
	color: #fff
}

input::-moz-selection,
textarea::-moz-selection {
	background: #ddd;
	color: #1f1f1f
}

input::selection,
textarea::selection {
	background: #ddd;
	color: #1f1f1f
}

input::-moz-selection,
textarea::-moz-selection {
	background: #ddd;
	color: #1f1f1f
}

input::-ms-clear {
	display: none
}

.c-btn {
	display: inline-block
}

.c-btn[target="_blank"] i:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-blank-blue.svg);
	margin-bottom: 3px;
	margin-left: 6px;
	position: absolute;
	right: 20px;
	top: 19px;
	-webkit-transition: background-image 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: background-image 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 11px;
	width: 11px
}

@media screen and (max-width: 767px) {
	.c-btn[target="_blank"] i:after {
		margin-bottom: 2px;
		margin-left: 5px
	}
}

.c-btn .no-arrow:after {
	display: none !important
}

@media screen and (min-width: 768px) {
	.c-btn span {
		padding-bottom: 2px
	}
}

.c-btn__gradation-blue {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.c-btn__gradation-blue span,
.c-btn__gradation-blue input {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: 100%;
	width: 100%
}

.c-btn__gradation-blue span:after,
.c-btn__gradation-blue input:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 20px;
	position: absolute;
	top: calc(50% - 4px);
	-webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-btn__gradation-blue.is-active {
	-webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-btn__gradation-blue.is-active input {
	cursor: pointer;
	pointer-events: auto
}

.c-btn__border {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	position: relative
}

@media screen and (min-width: 768px) {
	.c-btn__border:hover span {
		color: #fff
	}

	.c-btn__border:hover span:before {
		width: calc(100% + 2px)
	}

	.c-btn__border:hover span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 8px;
		width: 8px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.c-btn__border:hover span.left:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 8px;
		width: 8px;
		border-color: #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	.c-btn__border:hover i:after {
		background-image: url(../images/common/ico-blank.svg)
	}
}

.c-btn__border span {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: calc(100% - 2px);
	width: calc(100% - 2px);
	z-index: 9
}

.c-btn__border span:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	position: absolute;
	left: -1px;
	top: 0;
	-webkit-transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 100%;
	width: 0%;
	z-index: -1
}

.c-btn__border span:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #0371c7;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 20px;
	position: absolute;
	top: calc(50% - 4px);
	-webkit-transition: all 250ms;
	transition: all 250ms
}

.c-btn__border span.left:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #0371c7;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 23px
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.c-btn__border span {
		font-size: 12px;
		line-height: 1
	}
}

.c-btn__border.bg-blank {
	background-image: none;
	border-left: 1px solid #0c21c3;
	border-right: 1px solid #0874dc
}

.c-btn__border.bg-blank:before,
.c-btn__border.bg-blank:after {
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	content: "";
	display: block;
	opacity: 1;
	position: absolute;
	height: 1px;
	width: 100%
}

.c-btn__border.bg-blank:before {
	top: 0;
	left: 0
}

.c-btn__border.bg-blank:after {
	bottom: 0;
	left: 0
}

.c-btn__border.bg-blank.arrow-reverse span:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #0371c7;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 20px;
	right: inherit
}

@media screen and (min-width: 768px) {
	.c-btn__border.bg-blank.arrow-reverse:hover span>input {
		color: #fff
	}

	.c-btn__border.bg-blank.arrow-reverse:hover span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 8px;
		width: 8px;
		border-color: #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}
}

.c-btn__border.bg-blank.contact span>input {
	color: #1f1f1f;
	-webkit-transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-btn__border.bg-blank.contact input {
	color: #1f1f1f
}

.c-btn__border.change-color span {
	color: #fff;
	height: 100%;
	width: 100%
}

.c-btn__border.change-color span:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: -webkit-gradient(linear, left top, right top, from(#1662fe), to(#00a2ff));
	background-image: linear-gradient(90deg, #1662fe 0%, #00a2ff 100%);
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	height: 100%;
	width: 100%
}

.c-btn__border.change-color span:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.c-btn__border.change-color:hover span:before {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.c-btn__maplink {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #eaeaea;
	border-radius: 3px;
	color: #0874dc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 29px;
	padding: 0 8px 0 10px;
	position: absolute;
	right: 20px;
	top: calc(50% - 14px);
	-webkit-transition: border 250ms cubic-bezier(0.215, 0.61, 0.355, 1), color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: border 250ms cubic-bezier(0.215, 0.61, 0.355, 1), color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.c-btn__maplink span {
	z-index: 1
}

.c-btn__maplink:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-map.svg);
	margin-top: 2px;
	margin-right: 4px;
	-webkit-transition: background-image 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: background-image 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 14px;
	width: 10px;
	z-index: 1
}

@media screen and (min-width: 768px) {
	.c-btn__maplink:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
		background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
		border-radius: 3px;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		height: 100%;
		width: calc(100% + 2px)
	}

	.c-btn__maplink:hover {
		color: #fff
	}

	.c-btn__maplink:hover:before {
		background-image: url(../images/common/ico-map-w.svg)
	}

	.c-btn__maplink:hover:after {
		opacity: 1
	}
}

@media screen and (max-width: 767px) {
	.c-btn__maplink {
		background-color: #fff;
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 0 15px 1px;
		position: relative;
		right: inherit;
		height: 35px
	}

	.c-btn__maplink:before {
		margin-top: 1px;
		margin-right: 6px
	}
}

@media all and (-ms-high-contrast: none) {
	.c-btn__border:hover span:before {
		width: 101%
	}

	.c-btn__maplink span {
		padding-top: 2px
	}
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 100px #fff inset !important
}

:placeholder-shown {
	color: #ccc
}

::-webkit-input-placeholder {
	color: #ccc
}

:-moz-placeholder {
	color: #ccc;
	opacity: 1
}

::-moz-placeholder {
	color: #ccc;
	opacity: 1
}

:-ms-input-placeholder {
	color: #ccc
}

.c-select.is-empty {
	color: #ccc
}

.c-required {
	color: #c00
}

.c-error {
	color: #c00
}

.js-switch-image {
	opacity: 0
}

.js-switch-image.is-loaded {
	opacity: 1
}

@media screen and (min-width: 768px) {
	.hover-gradation {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative
	}

	.hover-gradation:before,
	.hover-gradation:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		opacity: 0
	}

	.hover-gradation:before {
		background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
		background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
		-webkit-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1), width 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1), width 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
		left: 0;
		top: 0;
		height: 100%;
		width: 0
	}

	.hover-gradation:after {
		font-size: 12px;
		font-weight: 400;
		line-height: 1;
		content: "MORE";
		color: #fff;
		font-family: "Roboto Condensed", sans-serif;
		letter-spacing: 5px;
		margin-top: -2px;
		margin-left: 2px;
		left: calc(50% - 24px);
		top: calc(50% - 6px);
		-webkit-transition: opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1)
	}

	.hover-gradation:hover:before {
		opacity: .8;
		width: 100%
	}

	.hover-gradation:hover:after {
		opacity: 1;
		-webkit-transition-delay: 200ms;
		transition-delay: 200ms
	}
}

@media all and (-ms-high-contrast: none) {
	.page-area__btn--link span {
		padding-top: 5px
	}

	.page-area-linkbox__item span:after {
		margin-top: 0;
		top: 40%
	}
}

.page-area__titblue {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #0d23c4;
	margin-top: 38px
}

.page-area__titblack {
	font-size: 16px;
	font-weight: 700;
	line-height: 1
}

.page-area__lead--tit {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.6;
	color: #1f1f1f
}

.page-area__lead--txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	color: #1f1f1f;
	margin-top: 22px
}

.page-area__titarea--tit {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.page-area__titarea--tit.border-left:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: linear-gradient(135deg, #0c21c3 0%, #0874dc 100%);
	margin-top: -1px;
	margin-right: 23px;
	height: 80px;
	width: 3px
}

.page-area__titarea--tit-en {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #0d23c4;
	font-family: "Roboto Condensed", sans-serif
}

.page-area__titarea--txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 23px
}

.page-area-linkbox {
	margin-top: 29px
}

.page-area-linkbox__list {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (min-width: 768px) {
	.page-area-linkbox__list.list-number1 .page-area-linkbox__item {
		width: calc((100% / 1) - 16px)
	}

	.page-area-linkbox__list.list-number2 .page-area-linkbox__item {
		width: calc((100% / 2) - 16px)
	}

	.page-area-linkbox__list.list-number3 .page-area-linkbox__item {
		width: calc((100% / 3) - 16px)
	}

	.page-area-linkbox__list.list-number4 .page-area-linkbox__item {
		width: calc((100% / 4) - 16px)
	}

	.page-area-linkbox__list.list-number5 .page-area-linkbox__item {
		width: calc((100% / 5) - 16px)
	}

	.page-area-linkbox__list.list-number6 .page-area-linkbox__item {
		width: calc((100% / 6) - 16px)
	}

	.page-area-linkbox__list.list-number7 .page-area-linkbox__item {
		width: calc((100% / 7) - 16px)
	}

	.page-area-linkbox__list.list-number8 .page-area-linkbox__item {
		width: calc((100% / 8) - 16px)
	}

	.page-area-linkbox__list.list-number9 .page-area-linkbox__item {
		width: calc((100% / 9) - 16px)
	}
}

.page-area-linkbox__item {
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 30px;
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.page-area-linkbox__item span {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1px;
	position: relative;
	height: calc(100% - 2px);
	width: calc(100% - 2px)
}

.page-area-linkbox__item span:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #eaeaea;
	margin-top: -2px;
	margin-left: -21px;
	margin-right: 9px;
	height: 20px;
	width: 28px
}

.page-area-linkbox__item span.ja:before {
	background-image: url(../images/common/ico-flag-ja.svg)
}

.page-area-linkbox__item span.ch:before {
	background-image: url(../images/common/ico-flag-ch.svg)
}

.page-area-linkbox__item span.th:before {
	background-image: url(../images/common/ico-flag-th.svg)
}

.page-area-linkbox__item span.mx:before {
	background-image: url(../images/common/ico-flag-mx.svg)
}

.page-area-linkbox__item span.hk:before {
	background-image: url(../images/common/ico-flag-hk.svg)
}

@media screen and (min-width: 768px) {
	.page-area-linkbox__item span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 9px;
		width: 9px;
		border-color: #0371c7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -2px;
		position: absolute;
		right: 23px
	}
}

@media screen and (min-width: 768px) {
	.page-area-linkbox__item:hover span {
		background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
		background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
		color: #fff
	}

	.page-area-linkbox__item:hover span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 9px;
		width: 9px;
		border-color: #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}

.page-area__pointarea--list {
	padding-left: 20px
}

.page-area__pointarea--item {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.73333;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.page-area__pointarea--item:not(:first-of-type) {
	margin-top: 17px
}

.page-area__pointarea--item.check:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-mark-check.svg);
	margin-right: 14px;
	height: 15px;
	width: 18px
}

.page-area__col {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.page-area__col--item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.page-area__col--item img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%
}

.page-area__col--item-iframe {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	height: 0;
	min-height: 260px;
	width: 100%
}

.page-area__col--item-iframe iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.page-area__col--item.col2 {
	position: relative;
	width: calc((100% / 2) - 10px)
}

.page-area__col--caption {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #0874dc;
	display: inline-block
}

.page-area__col--caption:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle
}

.page-area__col--caption.mark-map:before {
	background-image: url(../images/common/ico-map.svg);
	margin-top: -3px;
	margin-right: 7px;
	height: 14px;
	width: 10px
}

.page-area__dl-table {
	border: 1px solid #eaeaea;
	width: 100%
}

.page-area__dl-table dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.page-area__dl-table dl:not(:first-of-type) {
	border-top: 1px solid #eaeaea
}

.page-area__dl-table dt,
.page-area__dl-table dd {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #212121;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 0
}

.page-area__dl-table dt {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	background-color: #f7f7f7;
	min-width: 148px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.page-area__dl-table dd {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.57143;
	background-color: #fff;
	border-left: 1px solid #eaeaea;
	position: relative;
	padding-left: 19px;
	padding-right: 19px;
	width: 100%
}

.page-area__dl-table dd .thin {
	color: #999
}

.page-area__dl-table dd .label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	border-radius: 3px;
	color: #fff;
	margin-top: 1px;
	padding: 5px 13px 7px 13px;
	position: absolute;
	right: 20px
}

.page-area__dl-table dd .label__blue {
	background-color: #0874dc
}

.page-area__dl-table dd .label__pink {
	background-color: #eb69af
}

.page-area__dl-table dd .cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.page-area__btn {
	margin-top: 18px
}

.page-area__btn--link {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 50px;
	width: 340px
}

.page-area__txtarea--tit {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44444;
	color: #0d23c4;
	margin-top: 13px
}

.page-area__txtarea--txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 13px
}

.page-area__txtarea--txt a:hover {
	text-decoration: underline
}

.page-area__txtarea--bold {
	font-weight: bold
}

.page-area__txtarea a[href$=".pdf"] {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	display: inline-block;
	margin-top: 37px
}

.page-area__txtarea a[href$=".pdf"]:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-pdf@2x.png);
	background-size: cover;
	margin-top: -4px;
	margin-right: 8px;
	height: 17px;
	width: 17px
}

.page-area__txtarea a[href$=".pdf"]:hover {
	text-decoration: underline
}

.page-area__metaarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 20px
}

.page-area__metaarea--date {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	border: 1px solid #eaeaea;
	border-radius: 3px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing: -.5px;
	padding: 1px 8px 0 10px;
	height: 28px
}

.page-area__metaarea--date:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-time.svg);
	margin-right: 3px;
	height: 12px;
	width: 12px
}

@media screen and (min-width: 768px) {
	.page-area__image img {
		height: 100%
	}
}

.page-area__pager {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 40px
}

.page-area__pager ul {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.page-area__pager li:first-of-type {
	display: none
}

.page-area__pager li:not(:first-of-type) {
	margin-left: -1px
}

.page-area__pager li .previouspostslink:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #212121;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-right: -3px
}

.page-area__pager li .nextpostslink:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #212121;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-left: -3px
}

.page-area__pager li:hover a {
	background-color: #dde9f4;
	color: #0874dc
}

.page-area__pager li span,
.page-area__pager li a {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #eaeaea;
	background-color: #fff;
	color: #212121;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: "Roboto Condensed", sans-serif;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 42px;
	width: 42px
}

.page-area__pager li span.current {
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	border: none;
	color: #fff
}

.page-area__pager li .previouspostslink {
	margin-right: 20px;
	margin-left: 64px
}

.page-area__pager li .nextpostslink {
	margin-left: 20px;
	margin-right: -64px
}

.page-area__pager li .nextpostslink,
.page-area__pager li .previouspostslink {
	color: transparent;
	font: 0/0 a;
	overflow: hidden;
	text-shadow: none;
	width: 64px
}

.page-area__nopost {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #eef3f8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 170px;
	width: 100%
}

.page-area__nopost--txt {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.77778;
	text-align: center
}

.page-area__not-found {
	margin-top: 33px
}

.page-area__not-found--titarea {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.page-area__not-found--titarea:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/line-dashed.svg);
	margin-top: 27px;
	height: 1px;
	width: 36.5px
}

.page-area__not-found--tit {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #1f1f1f
}

.page-area__not-found--txtarea {
	margin-top: 21px
}

.page-area__not-found--txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.93333;
	text-align: center
}

.page-area__not-found--btnarea {
	margin-top: 30px
}

.page-area__not-found--btnarea span {
	height: 50px;
	width: 300px
}

.page-area__not-found .c-btn__gradation-blue {
	margin-top: 0
}

.page-area__not-found .c-btn__gradation-blue:not(:first-of-type) {
	margin-left: 20px
}

@media screen and (max-width: 767px) {
	.page-area__titblue {
		margin-top: 38px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__titblue {
		font-size: 15px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__titblack {
		font-size: 14px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__lead--tit {
		font-size: 18px;
		line-height: 1.5
	}
}

@media screen and (max-width: 767px) {
	.page-area__lead--tit br {
		display: none
	}

	.page-area__lead--txt {
		margin-top: 22px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__lead--txt {
		font-size: 14px;
		line-height: 1.71429
	}
}

@media screen and (max-width: 767px) {
	.page-area__titarea--tit {
		line-height: inherit !important;
		position: relative
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__titarea--tit {
		font-size: 18px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__titarea--tit.border-left {
		padding-left: 10px
	}

	.page-area__titarea--tit.border-left:before {
		position: absolute;
		left: 0;
		top: 0;
		margin-top: -1px;
		margin-right: 0;
		min-height: inherit;
		min-width: 2px;
		height: 100%;
		width: 2px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__titarea--tit-en {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__titarea--txt {
		margin-top: 10px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__titarea--txt {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.page-area-linkbox {
		margin-top: 25px
	}

	.page-area-linkbox.no-global {
		margin-top: 20px;
		margin-bottom: 40px
	}

	.page-area-linkbox.no-global .page-area-linkbox__item:not(:first-of-type):before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #0874dc;
		margin-right: 10px;
		margin-bottom: -4px;
		height: 1px;
		width: 6px
	}

	.page-area-linkbox__list {
		border: 1px solid #eaeaea;
		border-radius: 2.5px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.page-area-linkbox__list.open .page-area-linkbox__item:first-of-type:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 8px;
		width: 8px;
		border-color: #0371c7;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		margin-top: 6px
	}

	.page-area-linkbox__list.open .page-area-linkbox__item:not(:first-of-type) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.page-area-linkbox__item {
		background: #fff;
		border-radius: 0;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0;
		height: 48px;
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area-linkbox__item {
		font-size: 14px;
		font-weight: 600;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area-linkbox__item span {
		border-radius: 0;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0;
		height: 100%;
		width: 100%
	}

	.page-area-linkbox__item span:before {
		margin-top: 2px;
		margin-left: 0;
		margin-right: 10px;
		height: 20px;
		width: 28px
	}

	.page-area-linkbox__item span.none:before {
		display: none
	}

	.page-area-linkbox__item:first-of-type {
		border-radius: 5px
	}

	.page-area-linkbox__item:last-of-type {
		border-radius: 0 0 5px 5px
	}

	.page-area-linkbox__item:not(:first-of-type) {
		background-color: #fff;
		border-top: 1px solid #eaeaea;
		border-left: none;
		display: none
	}

	.page-area-linkbox__item:not(:first-of-type):after {
		display: none
	}

	.page-area-linkbox__item:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 8px;
		width: 8px;
		border-color: #0371c7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 2px;
		position: absolute;
		right: 21px
	}

	.page-area__pointarea--list {
		padding-left: 0
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__pointarea--item {
		font-size: 12px;
		line-height: 1.75
	}
}

@media screen and (max-width: 767px) {
	.page-area__pointarea--item:not(:first-of-type) {
		margin-top: 15px
	}

	.page-area__pointarea--item.check:before {
		margin-right: 14px;
		min-height: 13px;
		min-width: 16px;
		height: 13px;
		width: 16px
	}

	.page-area__col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.page-area__col--item img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		width: 100%
	}

	.page-area__col--item.col2 {
		width: 100%
	}

	.page-area__col--item.col2:not(:first-of-type) {
		margin-top: 15px
	}

	.page-area__col--caption {
		text-align: right
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__col--caption {
		font-size: 11px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__col--caption.mark-map:before {
		margin-top: -2px;
		margin-right: 5px;
		height: 12px;
		width: 8px
	}

	.page-area__dl-table {
		width: 100%
	}

	.page-area__dl-table dl {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.page-area__dl-table dl:not(:first-of-type) {
		border-top: 1px solid #eaeaea
	}

	.page-area__dl-table dt,
	.page-area__dl-table dd {
		padding: 8px 0
	}

	.page-area__dl-table dt {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		min-width: inherit;
		padding-left: 20px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__dl-table dt {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.page-area__dl-table dd {
		border-left: none;
		border-top: 1px solid #eaeaea;
		padding-left: 20px;
		padding-right: 20px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__dl-table dd {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.page-area__dl-table dd .label {
		border-radius: 1.5px;
		margin-top: 1px;
		padding: 6px 10px;
		right: 10px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__dl-table dd .label {
		font-size: 10px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__btn {
		margin-top: 18px
	}

	.page-area__btn--link {
		height: 50px;
		width: 280px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__btn--link {
		font-size: 12px;
		font-weight: 700;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__txtarea--tit {
		margin-top: 13px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__txtarea--tit {
		font-size: 17px;
		font-weight: 700;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__txtarea--txt {
		margin-top: 13px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__txtarea--txt {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.page-area__txtarea a[href$=".pdf"] {
		margin-top: 30px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__txtarea a[href$=".pdf"] {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__txtarea a[href$=".pdf"]:before {
		margin-top: -4px;
		margin-right: 10px;
		height: 15px;
		width: 15px
	}

	.page-area__metaarea {
		margin-top: 15px
	}

	.page-area__metaarea--date {
		border-radius: 1.5px;
		letter-spacing: 0;
		padding: 8px 12px;
		height: inherit
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__metaarea--date {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__metaarea--date:before {
		margin-top: -1px;
		margin-right: 6px;
		height: 11px;
		width: 11px
	}

	.page-area__pager li span,
	.page-area__pager li a {
		height: 40px;
		width: 40px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {

	.page-area__pager li span,
	.page-area__pager li a {
		font-size: 14px;
		font-weight: 400;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__pager li .previouspostslink {
		margin-right: 10px;
		margin-left: 0
	}

	.page-area__pager li .nextpostslink {
		margin-right: 0;
		margin-left: 10px
	}

	.page-area__pager li .nextpostslink,
	.page-area__pager li .previouspostslink {
		width: 50px
	}

	.page-area__nopost {
		padding: 40px 25px;
		height: inherit
	}

	.page-area__nopost--txt {
		text-align: left
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__nopost--txt {
		font-size: 14px;
		line-height: 1.42857
	}
}

@media screen and (max-width: 767px) {
	.page-area__not-found {
		margin-top: 17px
	}

	.page-area__not-found--titarea:after {
		margin-top: 20px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__not-found--tit {
		font-size: 18px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.page-area__not-found--txtarea {
		margin-top: 15px
	}

	.page-area__not-found--txt {
		text-align: center
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.page-area__not-found--txt {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.page-area__not-found--btnarea {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 22px
	}

	.page-area__not-found--btnarea span {
		height: 50px;
		width: 300px
	}

	.page-area__not-found .c-btn__gradation-blue:not(:first-of-type) {
		margin-top: 20px;
		margin-left: 0
	}
}

html {
	height: 100%
}

html.is-nav--active {
	overflow: hidden
}


.l-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-width: 0;
	padding-top: 80px;
	position: relative
}

@media all and (-ms-high-contrast: none) {
	.l-page {
		min-height: 100vh
	}
}

@media screen and (max-width: 767px) {
	.l-page {
		overflow: hidden;
		padding-top: 60px
	}
}

.l-content {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	width: 100%
}

.l-content .line-five {
	top: 160px
}

@media screen and (max-width: 767px) {
	.l-content .line-five {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.l-content {
		overflow: hidden
	}
}

.top .l-content .line-five {
	top: 0
}

.l-container {
	height: 100%;
	margin: 0 auto;
	width: 1200px;
	position: relative
}

.l-content>.l-container {
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.l-content>.l-container .l-main {
	width: 880px
}

.l-content>.l-container .l-side {
	margin-left: 20px;
	width: 300px
}

@media screen and (max-width: 767px) {
	.l-container {
		padding: 0 20px;
		width: 100%
	}

	.l-content>.l-container .l-main {
		width: 100%
	}

	.l-content>.l-container .l-side {
		margin: 25px 0 0;
		width: 100%
	}
}

.l-page-container {
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: calc(50% - (1200px/2));
	position: relative;
	width: calc(1200px + (50% - (1200px/2)))
}

.l-page-container .l-main {
	padding-right: 60px;
	width: 900px;
	z-index: 99
}

.l-page-container .l-main.fullscreen {
	padding-right: 0;
	width: 100%
}

.l-page-container .l-main.fullscreen .l-breadcrumbs {
	margin-right: 0;
	padding-right: 30px
}

.l-page-container .l-side {
	width: 300px;
	z-index: 99
}

@media screen and (max-width: 767px) {
	.l-page-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow: hidden;
		padding: 0 20px;
		width: 100%
	}

	.l-page-container .l-main {
		padding: 0;
		width: 100%
	}

	.l-page-container .l-side {
		width: 100%
	}
}

.line-five {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

.line-five span {
	background-color: rgba(238, 238, 238, 0.5);
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px
}

.line-five span:nth-of-type(1) {
	left: 0%
}

.line-five span:nth-of-type(2) {
	left: 25%
}

.line-five span:nth-of-type(3) {
	left: 50%
}

.line-five span:nth-of-type(4) {
	left: 75%
}

.line-five span:nth-of-type(5) {
	left: calc(100% - 1px)
}

@media screen and (max-width: 767px) {
	.line-five span {
		background-color: #f6f6f6
	}

	.line-five span:nth-of-type(2) {
		display: none
	}

	.line-five span:nth-of-type(4) {
		display: none
	}

	.line-five span:nth-of-type(1) {
		left: calc(0% + 20px)
	}

	.line-five span:nth-of-type(5) {
		left: calc(100% - 20px)
	}
}

@media screen and (max-width: 767px) {
	.l-lg {
		display: none !important
	}
}

@media screen and (min-width: 768px) {
	.l-sm {
		display: none !important
	}
}

.l-breadcrumbs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -30px;
	padding: 30px 0
}

.l-breadcrumbs .l-container {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.l-breadcrumbs .l-container>span {
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.l-breadcrumbs .l-container>span br {
	display: none
}

.l-breadcrumbs .l-container>span:first-of-type a {
	text-decoration: underline
}

.l-breadcrumbs .l-container>span:first-of-type a:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-home-glay.svg);
	margin-right: 10px;
	margin-bottom: 1px;
	-webkit-transition: background 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: background 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 13px;
	width: 13px
}

.l-breadcrumbs .l-container>span:first-of-type a:hover:before {
	background-image: url(../images/common/ico-home.svg)
}

.l-breadcrumbs .l-container>span:not(:first-of-type) {
	border-left: 1px solid #eaeaea;
	padding-left: 15px;
	margin-left: 14px
}

.l-breadcrumbs .l-container>span:nth-of-type(2) {
	margin-left: 8px
}

.l-breadcrumbs .l-container>span:last-of-type {
	max-width: 730px
}

.l-breadcrumbs .l-container>span:last-of-type a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.l-breadcrumbs .l-container>span:last-of-type a {
	color: #1f1f1f
}

.l-breadcrumbs a,
.l-breadcrumbs p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #999;
	display: block;
	max-width: 100%;
	overflow: visible;
	white-space: nowrap
}

.l-breadcrumbs a:hover {
	color: #0874dc !important
}

@media screen and (max-width: 767px) {
	.l-breadcrumbs {
		display: none
	}
}

.l-footer-link {
	background-color: #f7f7f7;
	margin-top: 100px;
	margin-bottom: -100px;
	z-index: 99
}

.l-footer-link--inner {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.l-footer-link--list {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 160px;
	width: 100%
}

.l-footer-link--item {
	height: 80px;
	width: calc((100% / 3) - 20px)
}

.l-footer-link--link {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	height: 100%;
	width: 100%
}

@media screen and (min-width: 768px) {
	.l-footer-link--link:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
		background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
		position: absolute;
		left: -1px;
		top: 0;
		-webkit-transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		height: 100%;
		width: 0%
	}
}

@media screen and (min-width: 768px) {
	.l-footer-link--link:hover:after {
		width: 100%
	}

	.l-footer-link--link:hover span {
		color: #fff
	}

	.l-footer-link--link:hover span:before {
		border-left: 1px dotted #fff
	}

	.l-footer-link--link:hover span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 9px;
		width: 9px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}

.l-footer-link--link span {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 30px;
	padding-top: 27px;
	padding-bottom: 26px;
	position: relative;
	-webkit-transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 100%;
	width: 100%;
	z-index: 1
}

.l-footer-link--link span:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-left: 1px dotted #0874dc;
	position: absolute;
	right: 48px;
	height: 13px;
	width: 1px
}

.l-footer-link--link span:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 9px;
	width: 9px;
	border-color: #0371c7;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 23px
}

.l-footer {
	background-color: #003;
	margin-top: 100px;
	position: relative;
	z-index: 99
}

.l-footer .l-container {
	height: inherit
}

.l-footer .line-five span {
	background-color: rgba(246, 246, 246, 0.1)
}

.l-footer__pagetop {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: 170px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	right: 0;
	z-index: 9999;
    cursor: pointer;
    z-index: 100;
}

.l-footer__pagetop .txt {
	font-size: 14px;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing: 5px;
	margin-top: 56px;
	position: relative;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.l-footer__pagetop--line {
	margin-top: -94px;
	overflow: hidden;
	position: relative;
	height: 112px;
	width: 1px
}

.l-footer__pagetop--line .space {
	-webkit-animation: BtoT 2000ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
	animation: BtoT 2000ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
	background-color: rgba(249, 109, 0, 0.8);
	bottom: 0;
	position: absolute;
	left: 0;
	width: 100%
}

.l-footer__pagetop--line .space:nth-of-type(1) {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms
}

.l-footer__pagetop--line .space:nth-of-type(2) {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms
}

.l-footer__pagetop--line .space:nth-of-type(3) {
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms
}

.l-footer__pagetop--line .space:nth-of-type(4) {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms
}

.l-footer__cvarea {
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	position: relative;
	z-index: 999
}

.l-footer__cvarea--wrap {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 120px
}

.l-footer__cvarea--txt {
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	margin-right: 48px
}

.l-footer__cvarea--btn {
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.4);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 19px 0 0;
	position: relative;
	-webkit-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
	height: 56px;
	width: 300px;
	z-index: 1
}

.l-footer__cvarea--btn:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-cv-btn-mail-w.svg);
	margin-right: 15px;
	-webkit-transition: background-image 250ms;
	transition: background-image 250ms;
	height: 18px;
	width: 24px
}

.l-footer__cvarea--btn:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 100%;
	width: 0%;
	z-index: -1
}

.l-footer__cvarea--btn:hover {
	color: #0d23c4
}

.l-footer__cvarea--btn:hover:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m903.3%202871.55c.3.2%201.218.81%202.745%201.82s2.7%201.79%203.509%202.33q.134.09.569.39c.29.2.531.37.723.49s.424.26.7.41a3.974%203.974%200%200%200%20.77.35%202.105%202.105%200%200%200%20.67.11h.026a2.105%202.105%200%200%200%20.67-.11%203.974%203.974%200%200%200%20.77-.35c.272-.15.5-.29.7-.41s.433-.29.723-.49.48-.33.569-.39c.821-.54%202.911-1.93%206.268-4.15a6.369%206.369%200%200%200%201.634-1.57%203.3%203.3%200%200%200%20.656-1.93%201.916%201.916%200%200%200%20-.636-1.45%202.125%202.125%200%200%200%20-1.507-.6h-19.716a1.958%201.958%200%200%200%20-1.587.66%202.526%202.526%200%200%200%20-.556%201.67%202.9%202.9%200%200%200%20.737%201.74%206.5%206.5%200%200%200%201.563%201.48zm20.357%201.37q-4.394%202.835-6.67%204.41c-.509.35-.922.63-1.239.83a7.86%207.86%200%200%201%20-1.265.62%203.984%203.984%200%200%201%20-1.473.31h-.027a3.985%203.985%200%200%201%20-1.474-.31%207.9%207.9%200%200%201%20-1.265-.62c-.317-.2-.73-.48-1.239-.83q-1.808-1.275-6.656-4.41a7.2%207.2%200%200%201%20-1.349-1.12v10.15a1.927%201.927%200%200%200%20.629%201.45%202.118%202.118%200%200%200%201.514.6h19.714a2.114%202.114%200%200%200%201.513-.6%201.924%201.924%200%200%200%20.63-1.45v-10.15a7.608%207.608%200%200%201%20-1.339%201.12z%22%20fill%3D%22%230d23c4%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-901%20-2866)%22%2F%3E%3C%2Fsvg%3E")
}

.l-footer__cvarea--btn:hover:after {
	width: 100%
}

.l-footer__navwrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 80px 0 95px;
	position: relative;
	z-index: 99
}

@media screen and (min-width: 768px) {
	.l-footer__navwrap .line-five {
		display: none
	}
}

.l-footer__navwrap--item {
	width: calc(100% / 4)
}

.l-footer__navwrap--item-tit {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.l-footer__navwrap--item-tit-ja {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: #fff
}

.l-footer__navwrap--item-tit-en {
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	color: #0874dc;
	margin-top: 11px
}

.l-footer__navwrap--item-tit a {
	-webkit-transition: color 250ms;
	transition: color 250ms
}

@media screen and (min-width: 768px) {
	.l-footer__navwrap--item-tit a:hover {
		color: #0874dc
	}
}

.l-footer__navwrap--item-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 13px
}

.l-footer__navwrap--item-wrap::before,
.l-footer__navwrap--item-wrap::after {
	content: '';
	display: table
}

.l-footer__navwrap--item-wrap::after {
	clear: both
}

.l-footer__navwrap--item-list a {
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: #999;
	-webkit-transition: color 200ms;
	transition: color 200ms
}

.l-footer__navwrap--item-list a:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #0874dc;
	margin-right: 10px;
	height: 1px;
	width: 5px
}

.l-footer__navwrap--item-list a:hover {
	color: #fff
}

@media screen and (min-width: 768px) {
	.l-footer__navwrap--item-list:not(:first-of-type) {
		margin-top: 8px
	}
}

.l-footer__navwrap--item-list.no-child:first-of-type {
	margin-top: 10px
}

.l-footer__navwrap--item-list.no-child a:before {
	display: none
}

.l-footer__navwrap--item-child:not(:first-of-type) {
	margin-top: 30px
}

.l-footer__under {
	background-color: #010123;
	padding: 18px 0;
	position: relative;
	z-index: 99999
}

.l-footer__under-wrap {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.l-footer__under-nav {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.l-footer__under-nav--item a {
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	color: #999
}

@media screen and (min-width: 768px) {
	.l-footer__under-nav--item:not(:first-of-type) a {
		border-left: 1px solid rgba(234, 234, 234, 0.5);
		margin-left: 20px;
		padding-left: 20px
	}
}

.l-footer__under-desc {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5
}

@media screen and (min-width: 768px) {
	.l-footer__under-desc {
		margin-right: 20px
	}
}

.l-footer__under-desc a {
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
	color: #999
}

.l-footer__under-desc a:hover {
	opacity: .8
}

.l-footer__copyright {
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: #999;
	font-family: "Roboto Condensed", sans-serif
}

@media screen and (min-width: 768px) {
	.l-footer__copyright {
		margin-top: 4px;
		min-width: 260px
	}
}

@media screen and (max-width: 767px) {
	.l-footer-link {
		margin-top: 50px;
		margin-bottom: -50px
	}

	.l-footer-link--list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 260px;
		padding: 30px 0
	}

	.l-footer-link--item {
		height: 60px;
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-footer-link--link {
		font-size: 14px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.l-footer-link--link span {
		padding-left: 20px;
		padding-top: 0;
		padding-bottom: 0
	}

	.l-footer-link--link span:before {
		right: 49px;
		height: 13px;
		width: 1px
	}

	.l-footer-link--link span:after {
		margin-top: 3px;
		right: 21px
	}

	.contact .l-footer__pagetop {
		top: 80px
	}

	.l-footer {
		background-color: #003;
		margin-top: 50px;
		position: relative
	}

	.l-footer__pagetop {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		bottom: 0;
		right: calc(50% - 49px);
		padding: 0;
		top: 252px;
		height: 0;
		width: 100px;
		z-index: 9999
	}

	.l-footer__pagetop .txt {
		font-weight: 400;
		letter-spacing: 5px;
		margin-top: 10px;
		position: relative;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transition: margin 350ms;
		transition: margin 350ms
	}

	.l-footer__pagetop--line {
		margin-top: -94px;
		margin-left: 3px;
		overflow: hidden;
		position: relative;
		height: 56px;
		width: 1px
	}

	.l-footer__pagetop--line .space {
		height: 5px;
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}

	.l-footer__pagetop--line .space:nth-of-type(1) {
		-webkit-animation-delay: 300ms;
		animation-delay: 300ms
	}

	.l-footer__pagetop--line .space:nth-of-type(2) {
		-webkit-animation-delay: 600ms;
		animation-delay: 600ms
	}

	.l-footer__pagetop--line .space:nth-of-type(3) {
		-webkit-animation-delay: 900ms;
		animation-delay: 900ms
	}

	.l-footer__pagetop--line .space:nth-of-type(4) {
		-webkit-animation-delay: 1200ms;
		animation-delay: 1200ms
	}

	.l-footer__cvarea--wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		height: 195px;
		padding-top: 35px
	}

	.l-footer__cvarea--txt {
		font-size: 14px;
		font-weight: 600;
		line-height: 1.71429;
		margin-right: 0;
		text-align: center
	}

	.l-footer__cvarea--btn {
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		margin-top: 10px;
		padding: 0;
		padding-bottom: 2px;
		height: 50px;
		width: 225px
	}

	.l-footer__cvarea--btn:before {
		background-size: cover;
		margin-top: 1px;
		margin-right: 10px;
		height: 12px;
		width: 16px
	}

	.l-footer__navwrap {
		padding: 95px 0 84px
	}

	.l-footer__navwrap .line-five span {
		background-color: rgba(255, 255, 255, 0.08)
	}

	.l-footer__navwrap--item {
		padding-left: 0;
		width: 100%;
		z-index: 999
	}

	.l-footer__navwrap--item:not(:first-of-type) .l-footer__navwrap--item-tit {
		padding-top: 18px
	}

	.l-footer__navwrap--item-tit {
		border-bottom: 1px solid #3d3d60;
		cursor: pointer;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-bottom: 19px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	.l-footer__navwrap--item-tit:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 7px;
		width: 7px;
		border-color: #0371c7;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: 1px;
		position: absolute;
		right: 2px
	}

	.l-footer__navwrap--item-tit-ja {
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		color: #fff;
		width: 100%
	}

	.l-footer__navwrap--item-tit-en {
		display: none
	}

	.l-footer__navwrap--item-wrap {
		display: none;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 18px;
		margin-bottom: 18px
	}

	.l-footer__navwrap--item-list {
		float: left;
		width: calc(100% / 2)
	}

	.l-footer__navwrap--item-list:nth-of-type(n+3) {
		margin-top: 22px
	}

	.l-footer__navwrap--item-list a {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		color: #999;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-footer__navwrap--item-list a {
		font-size: 13px;
		font-weight: 400;
		line-height: 1.46154
	}
}

@media screen and (max-width: 767px) {
	.l-footer__navwrap--item-list a:before {
		margin-top: 10px;
		margin-right: 10px;
		height: 1px;
		width: 5px
	}

	.l-footer__navwrap--item-child:not(:first-of-type) {
		margin-top: 0
	}

	.l-footer__navwrap--item .js-accordion-btn {
		position: relative
	}

	.l-footer__navwrap--item .js-accordion-btn:before,
	.l-footer__navwrap--item .js-accordion-btn:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #fff;
		border: none;
		margin-top: 0;
		position: absolute;
		right: 3px;
		-webkit-transition: -webkit-transform 250ms;
		transition: -webkit-transform 250ms;
		transition: transform 250ms;
		transition: transform 250ms, -webkit-transform 250ms;
		height: 10px;
		width: 2px
	}

	.l-footer__navwrap--item .js-accordion-btn:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.l-footer__navwrap--item .js-accordion-btn.open:before {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.l-footer__under {
		background-color: #000;
		padding: 29px 0;
		position: relative;
		z-index: 999
	}

	.l-footer__under-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.l-footer__under-nav {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0 20px;
		position: absolute;
		top: -85px;
		width: 100%
	}

	.l-footer__under-nav--item {
		width: 50%
	}

	.l-footer__under-nav--item a {
		color: #0874dc
	}

	.l-footer__under-desc {
		text-align: center
	}

	.l-footer__copyright {
		font-size: 10px;
		font-weight: 400;
		line-height: 1;
		margin-top: 10px
	}
}

.l-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 80px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	left: 0;
	min-width: 1240px;
	padding-left: 40px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100
}

@media screen and (min-width: 768px) {
	.l-header {
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(28%, #fff), color-stop(60%, #fff), to(rgba(255, 255, 255, 0.88)));
		background-image: linear-gradient(180deg, #fff 28%, #fff 60%, rgba(255, 255, 255, 0.88) 100%);
		-webkit-box-shadow: 0px 2px 20px 0px rgba(1, 0, 26, 0.07);
		box-shadow: 0px 2px 20px 0px rgba(1, 0, 26, 0.07)
	}
}

@media screen and (min-width: 768px) {
	.l-header-logo {
		min-width: 360px
	}
}

.l-header-logo__link {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 80px
}

.l-header-logo__link img {
	width: 102px
}

.l-header-logo__name {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #1f1f1f;
	margin-left: 19px
}

@media screen and (min-width: 768px) {
	.l-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		width: 100%
	}
}

.l-nav__inner {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (min-width: 768px) {
	.l-nav__inner {
		height: 80px
	}
}

.l-nav__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 20px
}

.l-nav__item {
	font-size: 14px;
	font-weight: 600;
	line-height: 1
}

.l-nav__item:not(:first-of-type):before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #eaeaea;
	position: absolute;
	top: calc(50% - (23px / 2));
	height: 23px;
	width: 1px
}

.l-nav__item.is-active .l-nav__link:after {
	width: 100%
}

.l-nav__item.is-active .l-nav__item--megamenu {
	opacity: 1;
	visibility: visible
}

.l-nav__item--megamenu {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(12, 33, 195, 0.95)), to(rgba(8, 116, 220, 0.95)));
	background-image: linear-gradient(90deg, rgba(12, 33, 195, 0.95) 0%, rgba(8, 116, 220, 0.95) 100%);
	opacity: 0;
	position: absolute;
	left: 0;
	top: 80px;
	-webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	visibility: hidden;
	width: 100%
}

.l-nav__item--megamenu-inner {
	padding: 70px 0 60px
}

.l-nav__item--megamenu-inner.col1 ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.l-nav__item--megamenu-inner.col1 .l-nav__item--megamenu-list-item {
	width: 288px
}

.l-nav__item--megamenu-inner.col1 .l-nav__item--megamenu-list-item:not(:first-of-type) {
	margin-left: 16px
}

.l-nav__item--megamenu-inner.col1 .l-nav__item--megamenu-list-item:nth-of-type(5) {
	margin-left: 0
}

.l-nav__item--megamenu-inner.col1 .l-nav__item--megamenu-list-item:nth-of-type(n+5) {
	margin-top: 35px
}

.l-nav__item--megamenu-inner.col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.l-nav__item--megamenu-inner.col2 .l-nav__item--megamenu-list-item {
	width: calc((100% / 3) - 10px)
}

.l-nav__item--megamenu-inner.col2 .l-nav__item--megamenu-list-item:nth-of-type(n+4) {
	margin-top: 35px
}

.l-nav__item--megamenu-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-right: 40px;
	width: 100%
}

.l-nav__item--megamenu-list-item:hover .l-nav__item--megamenu-list-image:before {
	opacity: .8;
	width: 100%
}

.l-nav__item--megamenu-list-item:hover .l-nav__item--megamenu-list-image:after {
	opacity: 1;
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms
}

.l-nav__item--megamenu-list-item:hover .l-nav__item--megamenu-list-tit {
	opacity: .8
}

.l-nav__item--megamenu-list-image {
	height: 100px;
	position: relative
}

.l-nav__item--megamenu-list-tit {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	margin-top: 7px
}

@media screen and (min-width: 768px) {
	.l-nav__item--megamenu-list-tit {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.125
	}
}

.l-nav__item--megamenu-btnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.l-nav__item--megamenu-btn {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 4px;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 55px;
	width: 260px
}

.l-nav__item--megamenu-btn:hover {
	opacity: .8
}

.l-nav__item--megamenu-btn:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.l-nav__item--megamenu-btn.btn-jobflow:before {
	background-image: url(../images/common/ico-jobflow.svg);
	margin-top: -1px;
	margin-right: 13px;
	margin-left: -21px;
	height: 12px;
	width: 24px
}

.l-nav__item--megamenu-btn.btn-quality:before {
	background-image: url(../images/common/ico-quality.svg);
	margin-top: -3px;
	margin-right: 15px;
	margin-left: -23px;
	height: 18px;
	width: 19px
}

.l-nav__item--megamenu-btn:not(:first-of-type) {
	margin-top: 15px
}

.l-nav__link {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1f1f1f;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 80px;
	padding: 0 19px 0 20px;
	position: relative
}

.l-nav__link:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	bottom: 0;
	left: 0;
	position: absolute;
	-webkit-transition: width 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: width 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
	height: 4px;
	width: 0
}

.l-nav__link:hover,
.l-nav__link.is-active {
	color: #0874dc;
	cursor: pointer
}

.l-nav__link:hover:after,
.l-nav__link.is-active:after {
	width: 100%
}

.l-nav__link--home.is-active {
	color: #1f1f1f
}

.l-nav__link--home.is-active:after {
	display: none
}

.l-nav__link--home:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-home.svg);
	margin-top: -2px;
	margin-right: 6px;
	height: 13px;
	width: 13px
}

.l-nav__inquiry {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: height 150ms cubic-bezier(0.165, 0.84, 0.44, 1), width 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: height 150ms cubic-bezier(0.165, 0.84, 0.44, 1), width 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	overflow: hidden;
	position: relative;
	height: 130px;
	width: 150px
}

.l-nav__inquiry span {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 9
}

.l-nav__inquiry span:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-mail.svg);
	margin-top: -3px;
	margin-bottom: 13px;
	height: 15px;
	width: 19px
}

.l-nav__inquiry:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: -webkit-gradient(linear, left top, right top, from(#1662fe), to(#00a2ff));
	background-image: linear-gradient(90deg, #1662fe 0%, #00a2ff 100%);
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 150ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 150ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translateX(-150px);
	transform: translateX(-150px);
	height: 100%;
	width: 100%;
	z-index: 1
}

.l-nav__inquiry:hover:before {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.l-nav__btn {
	display: none
}

.overlay {
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	position: absolute;
	left: 0;
	top: 80px;
	-webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	visibility: hidden;
	height: 100vh;
	width: 100%;
	z-index: -1
}

.is-active .overlay {
	opacity: 1;
	visibility: visible
}

@media screen and (min-width: 768px) {
	.l-sp__nav {
		display: none
	}
}

@media screen and (min-width: 768px) {
	.l-header.thin {
		background-color: #fff
	}
}

@media screen and (max-width: 767px) {
	.l-header {
		background-color: #fff;
		height: 60px;
		min-width: 100%;
		padding-left: 10px;
		-webkit-transition: margin 550ms cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: margin 550ms cubic-bezier(0.645, 0.045, 0.355, 1)
	}

	.l-header-logo__link {
		height: 60px
	}

	.l-header-logo__link img {
		height: 31px;
		width: 100px
	}

	.l-header-logo__name {
		font-size: 12px;
		font-weight: 600;
		line-height: 1;
		margin-left: 11px
	}
}

@media screen and (max-width: 767px) and (max-width: 320px) {
	.l-header-logo__name {
		margin-left: 6px
	}
}

@media screen and (max-width: 767px) {
	.l-header.scroll-up {
		margin-top: 0
	}

	.l-header.scroll-down {
		margin-top: -60px
	}

	.l-header.is-fixed {
		margin-top: 0 !important
	}

	.l-nav {
		display: none;
		left: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
		padding-bottom: 60px;
		position: fixed;
		right: 0;
		height: 100%;
		top: 60px;
		z-index: 1
	}

	.l-nav__lg .l-nav__inner {
		display: none
	}

	.is-nav--active .l-nav {
		display: block
	}

	.l-nav__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 20px
	}

	.l-nav__item {
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		position: relative
	}

	.l-nav__item:not(:first-of-type):before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #eaeaea;
		position: absolute;
		top: calc(50% - (23px / 2));
		height: 23px;
		width: 1px
	}

	.l-nav__link {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #1f1f1f;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 80px;
		margin: 0 19px 0 20px;
		position: relative
	}

	.l-nav__link:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
		background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
		bottom: 0;
		left: 0;
		position: absolute;
		-webkit-transition: width 250ms;
		transition: width 250ms;
		height: 2px;
		width: 0
	}

	.l-nav__link:hover {
		color: #0874dc
	}

	.l-nav__link:hover:after {
		width: 100%
	}

	.l-nav__link--home:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: url(../images/common/ico-home.svg);
		margin-top: -2px;
		margin-right: 6px;
		height: 13px;
		width: 13px
	}

	.l-nav__link--home:hover:after {
		left: 32%;
		width: 68% !important
	}

	.l-nav__inquiry {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
		background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-transition: height 300ms ease, width 300ms ease;
		transition: height 300ms ease, width 300ms ease;
		height: 130px;
		width: 150px
	}

	.l-nav__inquiry span {
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.l-nav__inquiry span:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: url(../images/common/ico-mail.svg);
		margin-bottom: 10px;
		height: 15px;
		width: 19px
	}

	.l-nav__btn {
		color: transparent;
		font: 0/0 a;
		overflow: hidden;
		text-shadow: none;
		background-color: #003;
		cursor: pointer;
		display: block;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 60px
	}

	.l-nav__btn span,
	.l-nav__btn span::before,
	.l-nav__btn span::after {
		background: #fff;
		content: '';
		display: block;
		height: 2px;
		position: absolute;
		width: 20px
	}

	.l-nav__btn span {
		left: 50%;
		margin: -1px 0 0 -10px;
		top: 50%;
		-webkit-transition: background-color 100ms;
		transition: background-color 100ms
	}

	.l-nav__btn span::before,
	.l-nav__btn span::after {
		left: 0;
		-webkit-transition: top 200ms, -webkit-transform 200ms;
		transition: top 200ms, -webkit-transform 200ms;
		transition: transform 200ms, top 200ms;
		transition: transform 200ms, top 200ms, -webkit-transform 200ms
	}

	.l-nav__btn span::before {
		top: -7px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	.l-nav__btn span::after {
		top: 7px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	.is-nav--active .l-nav__btn span {
		background: #003
	}

	.is-nav--active .l-nav__btn span::before,
	.is-nav--active .l-nav__btn span::after {
		top: 0
	}

	.is-nav--active .l-nav__btn span::before {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg)
	}

	.is-nav--active .l-nav__btn span::after {
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg)
	}

	.l-sp__nav {
		background: #003
	}

	.l-sp__navwrap {
		padding: 2px 0 0
	}

	.l-sp__navwrap--item {
		border-bottom: 1px solid #3d3d60;
		width: 100%
	}

	.l-sp__navwrap--item-tit {
		cursor: pointer;
		position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	.l-sp__navwrap--item-tit:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 7px;
		width: 7px;
		border-color: #0371c7;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: 1px;
		position: absolute;
		right: 24px;
		top: calc(50% - 4px)
	}

	.l-sp__navwrap--item-tit-ja {
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		color: #fff;
		display: inline-block;
		padding: 20px;
		width: 100%
	}

	.l-sp__navwrap--item-tit-en {
		display: none
	}

	.l-sp__navwrap--item-wrap {
		background-color: #161642;
		display: none;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 18px 20px
	}

	.l-sp__navwrap--item-wrap::before,
	.l-sp__navwrap--item-wrap::after {
		content: '';
		display: table
	}

	.l-sp__navwrap--item-wrap::after {
		clear: both
	}

	.l-sp__navwrap--item-list {
		float: left;
		width: calc(100% / 2)
	}

	.l-sp__navwrap--item-list:nth-of-type(n+3) {
		margin-top: 22px
	}

	.l-sp__navwrap--item-list a {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-sp__navwrap--item-list a {
		font-size: 13px;
		font-weight: 400;
		line-height: 1.46154
	}
}

@media screen and (max-width: 767px) {
	.l-sp__navwrap--item-list a:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		margin-top: 10px;
		background-color: #0874dc;
		margin-right: 10px;
		height: 1px;
		width: 5px
	}

	.l-sp__navwrap--item .js-accordion-btn {
		position: relative
	}

	.l-sp__navwrap--item .js-accordion-btn:before,
	.l-sp__navwrap--item .js-accordion-btn:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #fff;
		border: none;
		margin-top: 0;
		position: absolute;
		right: 27px;
		-webkit-transition: -webkit-transform 250ms;
		transition: -webkit-transform 250ms;
		transition: transform 250ms;
		transition: transform 250ms, -webkit-transform 250ms;
		top: calc(50% - 5px);
		height: 10px;
		width: 2px
	}

	.l-sp__navwrap--item .js-accordion-btn:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.l-sp__navwrap--item .js-accordion-btn.open:before {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.l-sp__navwrap--inquiry {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
		background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 20px 0;
		padding-bottom: 2px;
		height: 65px;
		width: 100%
	}

	.l-sp__navwrap--inquiry span {
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 13px
	}

	.l-sp__navwrap--inquiry span:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: url(../images/common/ico-mail.svg);
		margin-right: 10px;
		height: 15px;
		width: 19px
	}

	.l-sp__navwrap--close {
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #000027;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		color: #fff;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 55px
	}

	.l-sp__navwrap--close span {
		margin-left: 19px;
		padding-bottom: 2px;
		position: relative
	}

	.l-sp__navwrap--close span:before,
	.l-sp__navwrap--close span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #fff;
		position: absolute;
		left: -20px;
		top: 7px;
		height: 2px;
		width: 15px
	}

	.l-sp__navwrap--close span:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.l-sp__navwrap--close span:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.overlay {
		background-color: rgba(0, 0, 0, 0.8);
		cursor: pointer;
		display: block;
		top: 60px
	}

	.overlay.is-active {
		opacity: 1;
		visibility: visible
	}
}

.l-page-header {
	background-image: url(../images/common/page-mv.png);
	background-position: center -100px;
	background-repeat: no-repeat;
	color: #fff;
	margin-bottom: -70px;
	padding: 64px 20px 62px;
	overflow: hidden;
	position: relative;
	height: 230px
}

.l-page-header .line-five {
	top: 0
}

.l-page-header .line-five span {
	background-color: rgba(246, 246, 246, 0.1)
}

.l-page-header__title {
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.l-page-header__title:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle
}

.l-page-header__title-parent {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	margin-left: 32px;
	padding-left: 21px
}

@media screen and (min-width: 768px) {
	.l-page-header__title-parent {
		margin-top: 4px
	}
}

@media screen and (max-width: 767px) {
	.l-page-header {
		background-position: -339px -64px;
		background-size: 260%;
		margin-bottom: 20px;
		padding: 0 20px 0;
		height: 100px
	}

	.l-page-header .line-five {
		display: block
	}

	.l-page-header .l-container {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-page-header__title {
		font-size: 22px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.l-page-header__title-parent {
		margin-left: 21px;
		padding-left: 18px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-page-header__title-parent {
		font-size: 16px;
		line-height: 1
	}
}

.l-side-nav__title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #003;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 23px;
	height: 70px
}

.l-side-nav__title--en {
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	color: #0874dc;
	margin-left: 17px
}

.l-side-nav__list {
	border-color: #dde9f4;
	border-style: solid;
	border-width: 1px 1px 0 1px
}

.l-side-nav__item {
	background: #f4f9fc;
	border-bottom: 1px solid #dde9f4;
	position: relative
}

.l-side-nav__item:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	position: absolute;
	left: 0;
	top: 0;
	height: 0%;
	-webkit-transition: height 200ms;
	transition: height 200ms;
	width: 2px;
	z-index: 999
}

.l-side-nav__item:first-of-type .l-side-nav__link {
	padding-top: 28px
}

.l-side-nav__item:hover:before {
	height: 100%
}

.l-side-nav__item:hover .l-side-nav__link {
	color: #0874dc
}

.l-side-nav__link {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 23px;
	padding-top: 27px;
	padding-bottom: 26px;
	position: relative;
	-webkit-transition: color 200ms;
	transition: color 200ms;
	height: 100%;
	width: 100%
}

@media screen and (min-width: 768px) {
	.l-side-nav__link {
		max-height: 69px
	}
}

.l-side-nav__link:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-left: 1px dotted #0874dc;
	position: absolute;
	right: 49px;
	top: calc(50% - 6.5px);
	height: 13px;
	width: 1px
}

.l-side-nav__link:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 9px;
	width: 9px;
	border-color: #0371c7;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 23px;
	top: calc(50% - 4px)
}

.l-side-nav__link.is-active {
	background-color: #dde9f4
}

.l-side-nav__bnrlist {
	margin-top: 20px
}

.l-side-nav__bnrlist.row2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--item:not(:first-of-type) {
	margin-top: 0
}

.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--item:not(:first-of-type) .l-side-nav__bnrlist--txtarea:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #eaeaea;
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
	height: 20px;
	width: 1px
}

.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--link {
	border: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 150px
}

.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--thumbarea {
	height: 120px
}

.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--txtarea {
	padding: 19px 15px 20px;
	position: relative;
	text-align: center
}

.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--tit-ja {
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	color: #0874dc;
	margin: 0
}

.l-side-nav__bnrlist.row2.is-active-ul .l-side-nav__bnrlist--txtarea:before {
	display: none !important
}

.l-side-nav__bnrlist--item:not(:first-of-type) {
	margin-top: 10px
}

.l-side-nav__bnrlist--link {
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #dde9f4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.l-side-nav__bnrlist--link:hover {
	opacity: .8
}

.l-side-nav__bnrlist--thumbarea {
	overflow: hidden;
	max-height: 118px;
	min-width: 150px
}

.l-side-nav__bnrlist--txtarea {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}

.is-active .l-side-nav__bnrlist--txtarea {
	background-color: #dde9f4
}

.l-side-nav__bnrlist--tit {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.l-side-nav__bnrlist--tit-en {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #0874dc
}

.l-side-nav__bnrlist--tit-ja {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	color: #1f1f1f;
	margin-top: 7px
}

@media screen and (max-width: 767px) {
	.l-side {
		margin-top: 40px;
		width: 100%
	}

	.l-side-nav__title {
		padding-left: 19px;
		height: 60px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-side-nav__title {
		font-size: 16px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.l-side-nav__title--en {
		letter-spacing: -.7px;
		margin-left: 9px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-side-nav__title--en {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.l-side-nav__item:before {
		height: 0%;
		width: 2px
	}

	.l-side-nav__item:first-of-type .l-side-nav__link {
		padding-top: 22px
	}

	.l-side-nav__link {
		padding-left: 19px;
		padding-top: 23px;
		padding-bottom: 22px;
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-side-nav__link {
		font-size: 14px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.l-side-nav__link:before {
		right: 50px;
		height: 13px;
		width: 1px
	}

	.l-side-nav__link:after {
		right: 22px
	}

	.l-side-nav__bnrlist {
		margin-top: 20px
	}

	.l-side-nav__bnrlist.row2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--item {
		width: calc(100% / 2)
	}

	.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--item:not(:first-of-type) {
		margin-top: 0
	}

	.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--link {
		border: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}

	.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--thumbarea {
		max-height: inherit;
		height: 132px;
		max-width: inherit;
		width: 100%
	}

	.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--thumbarea img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		width: 100%
	}

	.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--txtarea {
		padding: 19px 15px 20px;
		text-align: center
	}

	.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--tit-ja {
		margin: 0
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-side-nav__bnrlist.row2 .l-side-nav__bnrlist--tit-ja {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.l-side-nav__bnrlist--item:not(:first-of-type) {
		margin-top: 10px
	}

	.l-side-nav__bnrlist--thumbarea {
		max-height: 118px;
		min-width: 150px
	}

	.l-side-nav__bnrlist--txtarea {
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-side-nav__bnrlist--tit-en {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.l-side-nav__bnrlist--tit-ja {
		margin-top: 7px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.l-side-nav__bnrlist--tit-ja {
		font-size: 16px;
		line-height: 1
	}
}

@media screen and (min-width: 768px) {
	.sticky-nopolyfill {
		position: -webkit-sticky;
		position: sticky;
		right: 0;
		top: 140px
	}
}

.sec-tit {
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	margin-top: 18px
}

.sec-titarea {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.sec-titarea__en {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #0d23c4;
	font-family: "Roboto Condensed", sans-serif
}

.sec-titarea__txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 22px;
	text-align: center
}

.above-line-five,
.top-business,
.top-global,
.top-product {
	position: relative;
	z-index: 20
}

.loading {
	-webkit-animation: hide 1500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: hide 1500ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	z-index: 99999
}

.loading__line {
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	position: relative;
	height: 1px;
	width: 270px
}

.loading__line .space {
	-webkit-animation: LtoR 1500ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
	animation: LtoR 1500ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 6px
}

.loading__line .space:nth-of-type(1) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms
}

.loading__line .space:nth-of-type(2) {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms
}

.loading__line .space:nth-of-type(3) {
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms
}

.loading__line .space:nth-of-type(4) {
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms
}

.loading__line .space:nth-of-type(5) {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms
}

@-webkit-keyframes LtoR {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(270px);
		transform: translateX(270px)
	}
}

@keyframes LtoR {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(270px);
		transform: translateX(270px)
	}
}

@-webkit-keyframes hide {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes hide {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@media all and (-ms-high-contrast: none) {
	.top .top-hero__scroll--line {
		width: 2px
	}

	.top .top-hero__scroll--line .space {
		left: 1px;
		width: 1px
	}

	.top .top-hero__news--listlink {
		padding-top: 9px
	}

	.top .top-hero__txtarea--copy span {
		padding-top: 5px
	}

	.top .top-hero__txtarea--copy span:not(:first-of-type) {
		margin-top: 0px
	}

	.top .top-hero__txtarea--txt {
		margin-top: 0px
	}

	.top .top-hero__txtarea--link span {
		padding-top: 16px
	}

	.top .top-global--link span {
		padding-top: 16px
	}
}

.top-hero {
	background-color: #000;
	height: 609px;
	margin-top: -80px;
	margin-bottom: 47px;
	position: relative;
	z-index: 60
}

.top-hero .line-five {
	z-index: 9999
}

.top-hero .line-five span {
	background-color: rgba(246, 246, 246, 0.1)
}

@media screen and (min-width: 768px) {
	.top-hero__scroll {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		right: 0;
		top: 0;
		height: 609px;
		width: 82px;
		z-index: 999999
	}

	.top-hero__scroll .txt {
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		font-family: "Roboto Condensed", sans-serif;
		letter-spacing: 5px;
		margin-top: 200px;
		position: relative;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	.top-hero__scroll--line {
		margin-top: 35px;
		overflow: hidden;
		position: relative;
		height: 112px;
		width: 1px
	}

	.top-hero__scroll--line .space {
		-webkit-animation: TtoB 2000ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
		animation: TtoB 2000ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
		background-color: rgba(255, 255, 255, 0.6);
		position: absolute;
		top: 0;
		width: 100%
	}

	.top-hero__scroll--line .space:nth-of-type(1) {
		-webkit-animation-delay: 300ms;
		animation-delay: 300ms
	}

	.top-hero__scroll--line .space:nth-of-type(2) {
		-webkit-animation-delay: 600ms;
		animation-delay: 600ms
	}

	.top-hero__scroll--line .space:nth-of-type(3) {
		-webkit-animation-delay: 900ms;
		animation-delay: 900ms
	}

	.top-hero__scroll--line .space:nth-of-type(4) {
		-webkit-animation-delay: 1200ms;
		animation-delay: 1200ms
	}
}

.top-hero__news {
	bottom: -47px;
	position: absolute;
	width: 100%;
	z-index: 9999
}

@media screen and (min-width: 768px) {
	.top-hero__news:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #003;
		left: 0;
		position: absolute;
		height: 100%;
		width: 50%
	}
}

.top-hero__news-inner {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #003;
	bottom: calc((-100px / 2) - -3px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100px;
	padding: 0 40px 0 0
}

.top-hero__news--tit {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	border-right: 1px solid #0874dc;
	color: #0874dc;
	font-family: "Roboto Condensed", sans-serif;
	margin-right: 10px;
	padding-right: 19px
}

.top-hero__news--wrap {
	height: 30px;
	overflow: hidden
}

@media screen and (min-width: 768px) {
	.top-hero__news--wrap {
		width: 80%
	}
}

.top-hero__news--item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	margin-left: 10px;
	opacity: 0;
	-webkit-transition: all 450ms cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	transition: all 450ms cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	-webkit-transform: translateX(100px);
	transform: translateX(100px)
}

.top-hero__news--item a {
	color: #dadae2
}

.top-hero__news--item a:hover {
	text-decoration: underline
}

.top-hero__news--item dt {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	font-family: "Roboto Condensed", sans-serif
}

.top-hero__news--item dd {
	font-size: 14px;
	font-weight: 600;
	line-height: 2;
	margin-left: 14px
}

@media screen and (min-width: 768px) {
	.top-hero__news--item dd {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.slick-current .top-hero__news--item {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.top-hero__news--listlink {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	background-color: #003;
	border: 1px solid rgba(8, 116, 220, 0.5);
	border-radius: 3px;
	color: #0874dc;
	margin-top: -2px;
	padding: 6px 22px 8px 18px;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	right: 39px
}

.top-hero__news--listlink:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1119%20649h2v2h-2zm4%200h6v2h-6zm-4%204h2v2h-2zm4%200h6v2h-6zm-4%204h2v2h-2zm4%200h6v2h-6z%22%20fill%3D%22%230874dc%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-1119%20-649)%22%2F%3E%3C%2Fsvg%3E");
	margin-top: -2px;
	margin-right: 9px;
	-webkit-transition: background-image 250ms;
	transition: background-image 250ms;
	height: 10px;
	width: 10px
}

@media screen and (min-width: 768px) {
	.top-hero__news--listlink {
		top: calc(50% - 15px)
	}

	.top-hero__news--listlink:hover {
		color: #3ba0ff
	}

	.top-hero__news--listlink:hover:before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1119%20649h2v2h-2zm4%200h6v2h-6zm-4%204h2v2h-2zm4%200h6v2h-6zm-4%204h2v2h-2zm4%200h6v2h-6z%22%20fill%3D%22%233ba0ff%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-1119%20-649)%22%2F%3E%3C%2Fsvg%3E")
	}
}

.top-hero__news--progressbar {
	background-color: #003;
	bottom: 0;
	position: absolute;
	-webkit-transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
	height: 5px;
	width: 100%
}

.top-hero__news--progressbar:after {
	background-color: #003;
	bottom: 0;
	position: absolute;
	right: 0;
	height: 5px;
	width: 100%
}

.top-hero__news--progressbar.js-start {
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%)
}

.top-hero__news--progressbar.js-start:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: progress 7400ms cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
	animation: progress 7400ms cubic-bezier(0.39, 0.575, 0.565, 1) forwards
}

.top-hero__news--progressbar.first:after {
	-webkit-animation: progress 6000ms cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
	animation: progress 6000ms cubic-bezier(0.39, 0.575, 0.565, 1) forwards
}

.top-hero__mvarea {
	position: relative;
	height: 100%;
	width: 100%
}

.top-hero__mvarea--item {
	position: relative;
	height: 609px;
	width: 100%
}

.top-hero__mvarea .dots {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: 84px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: calc(50% - (1200px / 2));
	width: 1200px;
	z-index: 99999
}

.top-hero__mvarea .dots li {
	padding: 10px 0
}

.top-hero__mvarea .dots li:not(:first-of-type) {
	margin-left: 10px
}

.top-hero__mvarea .dots li button {
	color: transparent;
	font: 0/0 a;
	overflow: hidden;
	text-shadow: none;
	background-color: rgba(255, 255, 255, 0.2);
	height: 1px;
	width: 60px
}

.top-hero__mvarea .dots li.slick-active button {
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%)
}

.top-hero__txtarea {
	color: #fff;
	position: absolute;
	top: calc(80px + 87px);
	left: 0;
	z-index: 999999
}

.top-hero__txtarea--copy {
	font-size: 62px;
	font-weight: 600;
	line-height: 1
}

.top-hero__txtarea--copy span {
	color: transparent;
	display: inline-block;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	overflow: hidden;
	position: relative
}

.top-hero__txtarea--copy span:not(:first-of-type) {
	margin-top: 10px
}

.top-hero__txtarea--copy span:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	position: absolute;
	top: 0;
	visibility: hidden;
	height: 100%;
	width: 100%
}

.top-hero__txtarea--copy.num1 span {
	-webkit-animation: syun-color 0ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: syun-color 0ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards
}

.top-hero__txtarea--copy.num1 span:before {
	-webkit-animation: syun 900ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: syun 900ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	-webkit-transform: translateX(-420px);
	transform: translateX(-420px)
}

.top-hero__txtarea--copy.num1 span:nth-of-type(1) {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms
}

.top-hero__txtarea--copy.num1 span:nth-of-type(1):before {
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms
}

.top-hero__txtarea--copy.num1 span:nth-of-type(2) {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms
}

.top-hero__txtarea--copy.num1 span:nth-of-type(2):before {
	-webkit-animation-delay: 1900ms;
	animation-delay: 1900ms
}

.top-hero__txtarea--txt {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.875;
	margin-top: 16px
}

.top-hero__txtarea--link {
	color: #fff;
	margin-top: 21px;
	width: 300px;
	z-index: 999999
}

.top-hero__txtarea--link span {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	background-color: transparent;
	color: #fff;
	padding: 12px 0 14px
}

@media screen and (min-width: 768px) {
	.top-hero__txtarea--link:hover span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 8px;
		width: 8px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}

.top-hero__txtarea .is-slide {
	opacity: 0;
	-webkit-transform: translateX(-15px);
	transform: translateX(-15px)
}

.top-hero__txtarea .is-active {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.top-hero__txtarea .is-active span {
	color: #fff
}

.top-hero__image {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	height: 609px;
	width: 100%
}

.top-hero__image--item {
	height: 100%;
	width: 100%
}

.top-hero__image--item img {
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover";
	object-fit: cover;
	-webkit-transition: all 2s;
	transition: all 2s;
	height: 609px;
	width: 100%
}

.top-hero .slick-slide {
	-webkit-transition: opacity 800ms cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	transition: opacity 800ms cubic-bezier(0.165, 0.84, 0.44, 1) !important
}

.top-business {
	margin-top: 67px;
	padding-top: 32px
}

.top-business--list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 36px
}

.top-business--list__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (min-width: 768px) {
	.top-business--list__item:nth-of-type(n+4) {
		margin-top: 28px
	}
}

.top-business--list__item a {
	color: inherit
}

.top-business--list__tit {
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	color: #1f1f1f;
	margin-top: 19px
}

.top-business--list__tit:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #0874dc;
	margin-right: 12px;
	height: 1px;
	width: 10px
}

.top-business--list__txt {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.71429;
	color: #666;
	margin-top: 6px;
	padding-left: 23px
}

.top-global {
	background-color: #eef3f8;
	height: 403px;
	margin-top: 62px;
	padding-top: 41px
}

@media screen and (min-width: 768px) {
	.top-global--titarea .sec-titarea__ja {
		margin-top: 15px
	}

	.top-global--titarea .sec-titarea__txt {
		margin-top: 12px
	}
}

.top-global--map {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 24px;
	position: relative
}

.top-global--map__namelist {
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	font-family: "Roboto Condensed", sans-serif;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.top-global--map__nameitem {
	color: #0d23c4;
	letter-spacing: 2.5px;
	position: absolute;
	z-index: 9
}

.top-global--map__nameitem:hover:after {
	-webkit-animation: kurukuru 2100ms linear infinite;
	animation: kurukuru 2100ms linear infinite;
	z-index: 999
}

.top-global--map__nameitem:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute
}

.top-global--map__nameitem:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/top/line-circle.svg);
	height: 28px;
	width: 28px;
	position: absolute
}

.top-global--map__nameitem.nameME {
	left: 333px;
	top: 114px
}

.top-global--map__nameitem.nameME:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m406%201907v36h-1v-37h11v1z%22%20fill%3D%22%237d8dde%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-405%20-1906)%22%2F%3E%3C%2Fsvg%3E");
	left: -17px;
	top: 5px;
	height: 37px;
	width: 11px
}

.top-global--map__nameitem.nameME:after {
	bottom: -67px;
	left: -31px
}

.top-global--map__nameitem.nameTH {
	letter-spacing: 1.8px;
	right: 403px;
	top: 11px
}

.top-global--map__nameitem.nameTH:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2010%2094%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m426%201955v-93h-9v-1h10v94z%22%20fill%3D%22%237d8dde%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-417%20-1861)%22%2F%3E%3C%2Fsvg%3E");
	right: -17px;
	top: 5px;
	height: 94px;
	width: 10px
}

.top-global--map__nameitem.nameTH:after {
	bottom: -136px;
	right: -30px
}

.top-global--map__nameitem.nameCH {
	right: 302px;
	top: -3px
}

.top-global--map__nameitem.nameCH:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2063%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m436%201883v62h-1v-63h11v1z%22%20fill%3D%22%237d8dde%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-435%20-1882)%22%2F%3E%3C%2Fsvg%3E");
	left: -17px;
	top: 5px;
	height: 63px;
	width: 11px
}

.top-global--map__nameitem.nameCH:after {
	bottom: -101px;
	left: -31px
}

.top-global--map__nameitem.nameTA {
	right: 244px;
	top: 28px
}

.top-global--map__nameitem.nameTA:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2058%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m453%201895v57h-1v-58h11v1z%22%20fill%3D%22%237d8dde%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-452%20-1894)%22%2F%3E%3C%2Fsvg%3E");
	left: -17px;
	top: 5px;
	height: 58px;
	width: 11px
}

.top-global--map__nameitem.nameTA:after {
	bottom: -86px;
	left: -31px
}

.top-global--map__nameitem.nameJA {
	right: 177px;
	top: 61px
}

.top-global--map__nameitem.nameJA:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2061%2017%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m467%201921v16h-1v-17h61v1z%22%20fill%3D%22%237d8dde%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-466%20-1920)%22%2F%3E%3C%2Fsvg%3E");
	left: -73px;
	top: 5px;
	height: 17px;
	width: 61px
}

.top-global--map__nameitem.nameJA:after {
	bottom: -44px;
	left: -87px
}

.top-global--map img {
	margin-right: -108px;
	opacity: 0 !important;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: opacity 750ms, -webkit-transform 750ms;
	transition: opacity 750ms, -webkit-transform 750ms;
	transition: transform 750ms, opacity 750ms;
	transition: transform 750ms, opacity 750ms, -webkit-transform 750ms
}

@media screen and (min-width: 768px) {
	.top-global--map img {
		height: 352px;
		width: 1140px
	}
}

.top-global--map.is-active img {
	opacity: 1 !important;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms
}

.top-global--linkarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: -62px;
	margin-right: 4px
}

.top-global--link {
	color: #1f1f1f;
	width: 300px
}

.top-global--link span {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	padding: 12px 0 14px
}

.top-product {
	margin-top: 138px
}

.top-product--productlist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 32px
}

.top-product--productitem {
	position: relative
}

.top-product--productitem__titarea {
	bottom: 0;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	left: 20px;
	height: 59px;
	position: absolute;
	z-index: 1
}

.top-product--productitem__titarea:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
	position: absolute;
	left: 1px;
	top: -34px;
	-webkit-transform: translate(-5px, 0);
	transform: translate(-5px, 0);
	-webkit-transition: opacity 200ms, -webkit-transform 200ms;
	transition: opacity 200ms, -webkit-transform 200ms;
	transition: transform 200ms, opacity 200ms;
	transition: transform 200ms, opacity 200ms, -webkit-transform 200ms
}

.top-product--productitem__titarea.titarea01:before {
	background-image: url(../images/top/ico-product-01.svg);
	height: 14px;
	width: 34px
}

.top-product--productitem__titarea.titarea02:before {
	background-image: url(../images/top/ico-product-02.svg);
	margin-top: 1px;
	height: 13px;
	width: 28px
}

.top-product--productitem__titarea.titarea03:before {
	background-image: url(../images/top/ico-product-03.svg);
	margin-top: -6px;
	height: 20px;
	width: 23px
}

.top-product--productitem__titarea.titarea04:before {
	background-image: url(../images/top/ico-product-04.svg);
	margin-top: -5px;
	height: 19px;
	width: 36px
}

.top-product--productitem__titarea.titarea05:before {
	background-image: url(../images/top/ico-product-05.svg);
	margin-top: -10px;
	height: 28px;
	width: 21px
}

.top-product--productitem__titarea.titarea06:before {
	background-image: url(../images/top/ico-product-06.svg);
	margin-top: -4px;
	height: 22px;
	width: 22px
}

.top-product--productitem__titarea.titarea07:before {
	background-image: url(../images/top/ico-product-07.svg);
	margin-top: -5px;
	height: 22px;
	width: 15px
}

.top-product--productitem__tit {
	font-size: 16px;
	font-weight: 600;
	line-height: 1
}

.top-product--productitem__cap {
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	margin-top: 12px
}

@media screen and (min-width: 768px) {
	.top-product--productitem:hover .top-product--productitem__titarea:before {
		opacity: 1;
		-webkit-transform: translate(0);
		transform: translate(0);
		-webkit-transition-delay: 200ms;
		transition-delay: 200ms
	}
}

.top-product--productitem.h360-w300 {
	height: 360px;
	width: calc(100% / 4)
}

.top-product--productitem.h220-w390 {
	margin-top: 20px;
	height: 220px;
	width: 390px
}

@media screen and (max-width: 767px) {
	.sec-tit {
		font-size: 24px;
		font-weight: 600;
		line-height: 1;
		margin-top: 8px
	}

	.sec-titarea__en {
		font-size: 12px;
		font-weight: 400;
		line-height: 1
	}

	.sec-titarea__txt {
		font-size: 14px;
		font-weight: 400;
		line-height: 1.57143;
		margin-top: 14px;
		text-align: left
	}

	.top-hero {
		height: inherit;
		margin-top: 0;
		margin-bottom: 0;
		z-index: 60
	}

	.top-hero__news {
		bottom: 0;
		position: relative
	}

	.top-hero__news .l-container {
		padding: 0
	}

	.top-hero__news-inner {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		bottom: calc((-100px / 2) - -3px);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: inherit;
		padding: 24px 20px
	}

	.top-hero__news--tit {
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		border: none;
		margin-right: 0;
		padding-right: 0
	}

	.top-hero__news--wrap {
		height: inherit;
		margin-top: -14px;
		overflow: inherit;
		width: 100%
	}

	.top-hero__news--item {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		-webkit-transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1) !important;
		transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1) !important
	}

	.top-hero__news--item dt {
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		border-left: none;
		margin-left: 33px;
		padding-left: 10px
	}

	.top-hero__news--item dt:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #0874dc;
		margin-top: -2px;
		margin-right: 10px;
		height: 12px;
		width: 1px
	}

	.top-hero__news--item dd {
		font-size: 14px;
		font-weight: 600;
		line-height: 1.57143;
		margin-left: 0;
		margin-top: 22px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%
	}

	.top-hero__news--listlink {
		font-size: 12px;
		font-weight: 600;
		line-height: 1;
		border: none;
		margin-top: -4px;
		padding: 0;
		right: 31px;
		top: 27px
	}

	.top-hero__news--listlink:before {
		margin-top: -2px;
		margin-right: 5px
	}

	.top-hero__news--progressbar.js-start {
		bottom: -5px;
		height: 5px
	}

	.top-hero__mvarea {
		height: 420px
	}

	.top-hero__mvarea--item {
		height: 420px;
		width: 100%
	}

	.top-hero__mvarea .dots {
		bottom: 24px;
		left: 20px;
		width: auto
	}

	.top-hero__mvarea .dots li button {
		height: 1px;
		width: 50px
	}

	.top-hero__txtarea {
		top: 68px;
		left: 20px
	}
}

@media screen and (max-width: 767px) and (max-width: 320px) {
	.top-hero__txtarea {
		left: 0;
		padding: 0 10px
	}
}

@media screen and (max-width: 767px) {
	.top-hero__txtarea--copy {
		font-size: 40px;
		font-weight: 600;
		line-height: 1
	}

	.top-hero__txtarea--copy span:nth-of-type(2) {
		margin-top: 10px
	}

	.top-hero__txtarea--copy.num1 span {
		-webkit-animation: syun-color 0ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
		animation: syun-color 0ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards
	}

	.top-hero__txtarea--copy.num1 span:before {
		-webkit-animation: syun 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
		animation: syun 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards
	}

	.top-hero__txtarea--copy.num1 span:nth-of-type(1) {
		-webkit-animation-delay: 2150ms;
		animation-delay: 2150ms
	}

	.top-hero__txtarea--copy.num1 span:nth-of-type(1):before {
		-webkit-animation-delay: 1900ms;
		animation-delay: 1900ms
	}

	.top-hero__txtarea--copy.num1 span:nth-of-type(2) {
		-webkit-animation-delay: 2150ms;
		animation-delay: 2150ms
	}

	.top-hero__txtarea--copy.num1 span:nth-of-type(2):before {
		-webkit-animation-delay: 2000ms;
		animation-delay: 2000ms
	}

	.top-hero__txtarea--txt {
		font-size: 13px;
		font-weight: 600;
		line-height: 1.92308;
		margin-top: 18px
	}
}

@media screen and (max-width: 767px) and (max-width: 320px) {
	.top-hero__txtarea--txt br {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.top-hero__txtarea--link {
		margin-top: 24px;
		width: 240px
	}

	.top-hero__txtarea--link span {
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 16px 0 19px 18px
	}

	.top-hero__txtarea--link span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 7px;
		width: 7px;
		border-color: #0371c7;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 16px;
		top: calc(50% - 4px);
		-webkit-transition: all 250ms;
		transition: all 250ms
	}

	.top-hero__txtarea .is-active {
		-webkit-transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	.top-hero__image {
		height: 420px
	}

	.top-hero__image--item img {
		height: 420px;
		width: 100%
	}

	.top-business {
		margin-top: 33px;
		padding-top: 0
	}

	.top-business--list {
		margin-top: 25px
	}

	.top-business--list__item {
		width: calc((100% / 2) - 7px)
	}

	.top-business--list__item:nth-of-type(n+3) {
		margin-top: 14px
	}

	.top-business--list__image img {
		height: 100%;
		width: 100%
	}

	.top-business--list__tit {
		font-size: 14px;
		font-weight: 600;
		line-height: 1.28571;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 9px
	}

	.top-business--list__tit:before {
		margin-right: 6px;
		height: 1px;
		width: 5px
	}

	.top-business--list__txt {
		font-size: 12px;
		font-weight: 400;
		line-height: 1.58333;
		margin-top: 6px;
		margin-left: 11px;
		padding-left: 0
	}

	.top-global {
		height: 433px;
		margin-top: 23px;
		padding-top: 39px
	}

	.top-global--map {
		margin-top: 29px
	}

	.top-global--map img {
		margin-right: 0;
		min-height: 199px;
		min-width: 602px
	}

	.top-global--linkarea {
		margin-top: -28px;
		margin-right: 0
	}

	.top-global--link {
		width: 225px
	}

	.top-global--link span {
		font-size: 14px;
		font-weight: 600;
		line-height: 1;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 16px 0 18px;
		padding-left: 20px
	}

	.top-global--link span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 8px;
		width: 8px;
		border-color: #0371c7;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 20px;
		top: calc(50% - 4px)
	}

	.top-product {
		margin-top: 29px
	}

	.top-product--productlist {
		margin-top: 18px
	}

	.top-product--productitem__titarea {
		bottom: 0;
		left: 10px;
		height: 50px;
		z-index: 1
	}

	.top-product--productitem__image {
		height: 100%
	}

	.top-product--productitem__image img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		width: 100%
	}

	.top-product--productitem__tit {
		font-size: 14px;
		font-weight: 600;
		line-height: 1.28571
	}

	.top-product--productitem__cap {
		margin-top: 9px
	}

	.top-product--productitem.h360-w300 {
		height: 200px;
		width: calc(100% / 2)
	}

	.top-product--productitem.h220-w390 {
		margin-top: 0;
		height: 110px;
		width: 100%
	}
}

.company .page-area__lead {
	margin-top: 17px;
	margin-bottom: 11px
}

@media screen and (min-width: 768px) {
	.company .page-area__lead--image {
		height: 236px;
		width: 840px
	}
}

.company .page-area__pointarea {
	margin-top: 27px
}

.company .page-area__col {
	margin-top: 30px;
	margin-right: 60px
}

.company .page-area__col--item {
	max-height: 280px
}

.company .page-area__col--caption {
	bottom: -25px;
	position: absolute
}

.company .sec01 .page-area__titarea {
	margin-top: 0
}

.company .sec02 .page-area__titarea {
	margin-top: 56px
}

.company .sec02 .page-area__dl-table {
	margin-top: 52px
}

.company .sec03 .page-area__titarea {
	margin-top: 62px
}

.company .sec03 .page-area__dl-table {
	margin-top: 30px
}

@media screen and (max-width: 767px) {
	.company .page-area__lead {
		margin-top: 17px;
		margin-bottom: 11px
	}

	.company .page-area__pointarea {
		margin-top: 15px
	}

	.company .page-area__col {
		margin-top: 15px;
		margin-right: 0
	}

	.company .page-area__col--item {
		max-height: inherit
	}

	.company .page-area__col--caption {
		right: 0
	}

	.company .sec01 .page-area__titarea {
		margin-top: 0
	}

	.company .sec02 .page-area__titarea,
	.company .sec03 .page-area__titarea {
		margin-top: 40px
	}

	.company .sec02 .page-area__dl-table,
	.company .sec03 .page-area__dl-table {
		margin-top: 30px
	}

	.company .sec02 .page-area__dl-table {
		margin-top: 45px
	}
}

.company.recruit .page-area__dl-table {
	margin-top: 20px
}

@media screen and (min-width: 768px) {

	.company.recruit .page-area__dl-table dt,
	.company.recruit .page-area__dl-table dd {
		padding-top: 20px;
		padding-bottom: 21px
	}
}

.company.recruit .page-area__tel-txt {
	font-size: 18px;
	font-weight: 700;
	line-height: 1
}

.company.recruit .page-area__btn.tel {
	margin-top: 40px !important
}

@media screen and (min-width: 768px) {
	.company.recruit .page-area__btn.tel {
		pointer-events: none
	}
}

.company.recruit .page-area__btn--link.tel {
	margin-top: 20px
}

.company.recruit .page-area__btn--link.tel span {
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing: .7px;
	padding-top: 1px
}

.company.recruit .page-area__btn--link.tel span .ico-tel {
	background-image: url(../images/common/ico-tel.svg);
	margin-top: 1px;
	margin-left: -6px;
	margin-right: 10px;
	height: 18px;
	width: 15px
}

@media screen and (min-width: 768px) {
	.company.recruit .page-area__btn--link:hover.tel span .ico-tel {
		background-image: url(../images/common/ico-tel-w.svg)
	}
}

.company.recruit .page-area__btn .ricnavi {
	margin-right: 20px
}

.company.recruit .page-area__btn .ricnavi:hover {
	opacity: 0.8
}

.company.recruit .page-area__btn .mynavi:hover {
	opacity: 0.8
}

.company.recruit .sec01 {
	margin-top: -4px
}

.company.recruit .sec02 {
	margin-top: 61px
}

.company.recruit .sec02 .page-area__titarea {
	margin-top: 61px
}

.company.recruit .sec03 .page-area__dl-table {
	margin-top: 29px
}

@media screen and (max-width: 767px) {

	.company.recruit .sec03 .page-area__dl-table dt,
	.company.recruit .sec03 .page-area__dl-table dd {
		padding-top: 10px;
		padding-bottom: 9px
	}
}

.company.recruit .sec03 .page-area__btn {
	margin-top: 26px
}

@media screen and (max-width: 767px) {
	.company.recruit .page-area__dl-table {
		margin-top: 15px
	}

	.company.recruit .page-area__tel-txt {
		text-align: center
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.company.recruit .page-area__tel-txt {
		font-size: 14px;
		line-height: 1.35714
	}
}

@media screen and (max-width: 767px) {
	.company.recruit .page-area__btn.tel {
		margin-top: 20px !important
	}

	.company.recruit .page-area__btn--link.tel {
		margin-top: 21px
	}

	.company.recruit .page-area__btn--link.tel span {
		letter-spacing: 0;
		padding-top: 0px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.company.recruit .page-area__btn--link.tel span {
		font-size: 17px;
		font-weight: 700;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.company.recruit .page-area__btn--link.tel span .ico-tel {
		background-repeat: no-repeat;
		margin-top: -1px;
		margin-left: -6px;
		margin-right: 8px;
		height: 15.5px;
		width: 12.9px
	}

	.company.recruit .sec01 {
		margin-top: 10px
	}

	.company.recruit .sec02 {
		margin-top: 30px
	}

	.company.recruit .sec02 .page-area__titarea {
		margin-top: 0
	}

	.company.recruit .sec03 .page-area__dl-table {
		margin-top: 15px
	}

	.company.recruit .sec03 .page-area__btn {
		margin-top: 30px
	}
}

.business.business-top .page-area__titblue {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #0d23c4;
	margin-top: 38px
}

.business.business-top .page-area__titblack {
	font-size: 16px;
	font-weight: 700;
	line-height: 1
}

.business.business-top .page-area__titarea {
	margin-top: 60px
}

.business.business-top .page-area__tit {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	color: #1f1f1f;
	margin-top: 28px
}

.business.business-top .page-area__image {
	margin-top: 24px
}

.business.business-top .page-area__txtarea--txt {
	margin-top: 19px
}

.business.business-top .page-area__section-small:not(:first-of-type) {
	margin-top: 42px
}

.business.business-top .page-area__imgtable-wrap {
	margin-top: 24px
}

.business.business-top .page-area__imgtable {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.business.business-top .page-area__imgtable:not(:first-of-type) {
	margin-top: 9px
}

.business.business-top .page-area__imgtable--image {
	min-width: 270px
}

.business.business-top .page-area__imgtable--table {
	margin-left: 30px;
	width: 100%
}

.business.business-top .page-area__imgtable--table table {
	margin-top: 22px
}

.business.business-top .page-area__imgtable--table td {
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	border: 1px solid #6bacea;
	color: #0874dc;
	text-align: center;
	vertical-align: middle;
	height: 35px;
	width: calc(100% / 3)
}

.business.business-top .page-area__imgtable--table .caption {
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	color: #999;
	margin-top: 9px;
	text-align: right
}

.business.business-top .page-area__card-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 32px
}

.business.business-top .page-area__card-item {
	width: calc((100% / 2) - 10px)
}

.business.business-top .page-area__card-item:nth-of-type(n+3) {
	margin-top: 20px
}

.business.business-top .page-area__card-thumb {
	overflow: hidden;
	height: 170px
}

.business.business-top .page-area__card-tit {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 20px;
	padding-bottom: 3px;
	height: 50px
}

.business.business-top .sec01 .page-area__titarea {
	margin-top: -3px
}

.business.business-top .sec02 .page-area__titarea {
	margin-top: 48px
}

.business.business-top .sec02 .page-area__tit {
	margin-bottom: -16px
}

.business.business-top .sec02 .page-area__titblue {
	margin-top: 41px
}

.business.business-top .sec03 .page-area__titarea,
.business.business-top .sec04 .page-area__titarea {
	margin-top: 51px
}

.business.business-top .sec03 .page-area__titblue,
.business.business-top .sec04 .page-area__titblue {
	margin-top: 33px
}

.business.business-top .sec05 .page-area__titarea {
	margin-top: 51px
}

.business.business-top .sec05 .page-area__image {
	margin-top: 31px
}

.business.business-top .sec06 .page-area__titarea {
	margin-top: 53px
}

.business.business-top .sec06 .page-area__card-list {
	margin-top: 31px
}

@media screen and (max-width: 767px) {
	.business.business-top .page-area__titblue {
		margin-top: 15px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.business.business-top .page-area__titblue {
		font-size: 15px;
		line-height: 1.26667
	}
}

@media screen and (max-width: 767px) {
	.business.business-top .page-area__titblack {
		margin-bottom: 11px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.business.business-top .page-area__titblack {
		font-size: 14px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.business.business-top .page-area__titarea {
		margin-top: 30px
	}

	.business.business-top .page-area__tit {
		margin-top: 15px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.business.business-top .page-area__tit {
		font-size: 17px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.business.business-top .page-area__image {
		margin-top: 13px
	}

	.business.business-top .page-area__txtarea--txt {
		margin-top: 14px;
		margin-bottom: 22px
	}

	.business.business-top .page-area__section-small:not(:first-of-type) {
		margin-top: 42px
	}

	.business.business-top .page-area__imgtable-wrap {
		margin-top: 18px
	}

	.business.business-top .page-area__imgtable {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.business.business-top .page-area__imgtable:not(:first-of-type) {
		margin-top: 26px
	}

	.business.business-top .page-area__imgtable--image {
		overflow: hidden;
		height: 140px;
		min-width: inherit;
		width: 100%
	}

	.business.business-top .page-area__imgtable--image img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		width: 100%
	}

	.business.business-top .page-area__imgtable--table {
		margin-left: 0;
		width: 100%
	}

	.business.business-top .page-area__imgtable--table table {
		margin-top: 13px
	}

	.business.business-top .page-area__imgtable--table td {
		height: 29px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.business.business-top .page-area__imgtable--table td {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.business.business-top .page-area__imgtable--table .caption {
		margin-top: 9px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.business.business-top .page-area__imgtable--table .caption {
		font-size: 12px;
		font-weight: 400;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.business.business-top .page-area__card-list {
		margin-top: 15px
	}

	.business.business-top .page-area__card-item {
		width: calc((100% / 2) - 5px)
	}

	.business.business-top .page-area__card-item:nth-of-type(n+3) {
		margin-top: 5px
	}

	.business.business-top .page-area__card-thumb {
		height: 67px
	}

	.business.business-top .page-area__card-tit {
		height: inherit;
		padding: 8px 10px 9px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.business.business-top .page-area__card-tit {
		font-size: 12px;
		font-weight: 400;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.business.business-top .sec01 {
		margin-top: 13px
	}

	.business.business-top .sec01 .page-area__titarea {
		margin-top: -3px
	}

	.business.business-top .sec02 .page-area__titarea {
		margin-top: 32px
	}

	.business.business-top .sec02 .page-area__tit {
		margin-bottom: -16px
	}

	.business.business-top .sec02 .page-area__titblue {
		margin-top: 29px
	}

	.business.business-top .sec02 .page-area__txtarea--txt {
		margin-top: 7px
	}

	.business.business-top .sec03 .page-area__titarea,
	.business.business-top .sec04 .page-area__titarea {
		margin-top: 51px
	}

	.business.business-top .sec03 .page-area__titblue,
	.business.business-top .sec04 .page-area__titblue {
		margin-top: 33px
	}

	.business.business-top .sec05 .page-area__titarea {
		margin-top: 51px
	}

	.business.business-top .sec05 .page-area__image {
		margin-top: 31px
	}

	.business.business-top .sec06 .page-area__titarea {
		margin-top: 53px
	}

	.business.business-top .sec06 .page-area__txtarea--txt {
		margin-bottom: 0
	}

	.business.business-top .sec06 .page-area__card-list {
		margin-top: 31px
	}
}

.business.quality .page-area__lead {
	margin-top: 5px
}

.business.quality .sec02 .page-area__titarea {
	margin-top: 54px
}

.business.quality .sec03 .page-area__titarea {
	margin-top: 55px
}

.business.quality .sec03 .page-area__txtarea--list {
	margin-top: 23px
}

.business.quality .sec03 .page-area__txtarea .ol-list {
	margin-top: 18px
}

.business.quality .page-area__txtarea ol {
	padding-left: 20px
}

.business.quality .page-area__txtarea ol li {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	list-style: decimal;
	padding-left: 15px
}

.business.quality .page-area__txtarea ol li ol {
	margin-left: -23px;
	padding-left: 0
}

.business.quality .page-area__txtarea ol li ol li {
	counter-increment: cnt;
	list-style: none;
	padding-left: 0
}

.business.quality .page-area__txtarea ol li ol li:before {
	content: "（"counter(cnt) "）";
	margin-right: 15px
}

@media screen and (max-width: 767px) {
	.business.quality .page-area__lead {
		margin-top: 4px
	}

	.business.quality .page-area__lead--txt {
		margin-top: 17px
	}

	.business.quality .page-area__txtarea--tit {
		margin-top: 20px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.business.quality .page-area__txtarea--tit {
		font-size: 15px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.business.quality .page-area__txtarea--txt {
		margin-top: 10px
	}

	.business.quality .sec02 .page-area__titarea {
		margin-top: 37px
	}

	.business.quality .sec03 .page-area__titarea {
		margin-top: 35px
	}

	.business.quality .sec03 .page-area__txtarea--list {
		margin-top: 15px
	}

	.business.quality .sec03 .page-area__txtarea .ol-list {
		margin-top: 12px
	}

	.business.quality .page-area__txtarea ol {
		padding-left: 18px
	}

	.business.quality .page-area__txtarea ol li {
		padding-left: 15px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.business.quality .page-area__txtarea ol li {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.business.quality .page-area__txtarea ol li:not(:first-of-type) {
		margin-top: 5px
	}

	.business.quality .page-area__txtarea ol li ol {
		margin-top: 5px;
		margin-left: -18px
	}

	.business.quality .page-area__txtarea ol li ol li {
		padding-left: 50px
	}

	.business.quality .page-area__txtarea ol li ol li:not(:first-of-type) {
		margin-top: 5px
	}

	.business.quality .page-area__txtarea ol li ol li:before {
		margin-right: 9px;
		margin-left: -32px
	}
}

.business.jobflow .page-area__titarea {
	margin-top: -3px
}

.business.jobflow .page-area__image {
	margin-top: 30px;
	width: 100%
}

@media screen and (min-width: 768px) {
	.business.jobflow .page-area__image img {
		height: 1021.5px;
		width: 840px
	}
}

.production .page-area__titarea {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.production .page-area__titarea--caption {
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #999;
	margin-top: -2px;
	text-align: right
}

.production .page-area__txtarea--tit {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44444;
	color: #0d23c4;
	margin-top: 13px
}

.production .page-area__txtarea--txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 23px
}

.production .page-area__txtarea--bold {
	font-weight: bold
}

.production .page-area__car-parts--image {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.production .page-area__car-parts--image img {
	width: 100%
}

.production .page-area__car-parts--image-caption {
	position: absolute
}

.production .page-area__car-parts--image-caption:hover span {
	background-color: #0d23c4;
	cursor: pointer;
	-webkit-transform: scale(1.66666);
	transform: scale(1.66666)
}

.production .page-area__car-parts--image-caption span {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #333;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: "Roboto Condensed", sans-serif;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 0;
	-webkit-transition: -webkit-transform 200ms;
	transition: -webkit-transform 200ms;
	transition: transform 200ms;
	transition: transform 200ms, -webkit-transform 200ms;
	height: 24px;
	width: 24px
}

.production .page-area__car-parts--image-caption.on {
	z-index: 999
}

.production .page-area__car-parts--image-caption.on span {
	background-color: #0d23c4;
	-webkit-transform: scale(1.66666);
	transform: scale(1.66666)
}

.production .page-area__car-parts--image-caption:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute
}

.production .page-area__car-parts--list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 19px
}

.production .page-area__car-parts--item {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: calc((100% / 5) - 8px)
}

@media screen and (min-width: 768px) {

	.production .page-area__car-parts--item:hover:before,
	.production .page-area__car-parts--item.on:before {
		background-color: #0d23c4
	}

	.production .page-area__car-parts--item:hover .page-area__car-parts--item-thumb:before,
	.production .page-area__car-parts--item.on .page-area__car-parts--item-thumb:before {
		opacity: 1
	}
}

.production .page-area__car-parts--item:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #333;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: "Roboto Condensed", sans-serif;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: -1px;
	top: -1px;
	height: 24px;
	width: 24px;
	z-index: 1
}

.production .page-area__car-parts--item:nth-of-type(1):before {
	content: "1"
}

.production .page-area__car-parts--item:nth-of-type(2):before {
	content: "2"
}

.production .page-area__car-parts--item:nth-of-type(3):before {
	content: "3"
}

.production .page-area__car-parts--item:nth-of-type(4):before {
	content: "4"
}

.production .page-area__car-parts--item:nth-of-type(5):before {
	content: "5"
}

.production .page-area__car-parts--item:nth-of-type(6):before {
	content: "6"
}

.production .page-area__car-parts--item:nth-of-type(7):before {
	content: "7"
}

.production .page-area__car-parts--item:nth-of-type(8):before {
	content: "8"
}

.production .page-area__car-parts--item:nth-of-type(9):before {
	content: "9"
}

.production .page-area__car-parts--item:nth-of-type(10):before {
	content: "10"
}

.production .page-area__car-parts--item:nth-of-type(n+6) {
	margin-top: 16px
}

@media screen and (min-width: 768px) {
	.production .page-area__car-parts--item:nth-of-type(9) {
		margin-right: calc((100% / 5))
	}
}

.production .page-area__car-parts--item-thumb {
	-webkit-box-shadow: 0 0 0px 1px #eaeaea;
	box-shadow: 0 0 0px 1px #eaeaea;
	position: relative;
	height: 120px
}

.production .page-area__car-parts--item-thumb:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border: 5px solid #0d23c4;
	opacity: 0;
	position: absolute;
	left: -1px;
	top: -1px;
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
	height: calc(100% + 2px);
	width: calc(100% + 2px)
}

.production .page-area__car-parts--item-thumb img {
	height: 100%;
	width: 100%
}

.production .page-area__car-parts--item-tit {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.46154;
	margin-top: 8px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption:nth-of-type(1):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2051.188%2030.688%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m327.2%20594-.707.707-29.693-29.707h-20.8v-1h22v.793z%22%20fill%3D%22%23333%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-276%20-564)%22%2F%3E%3C%2Fsvg%3E");
	right: -44px;
	top: 12px;
	height: 30px;
	width: 44px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption:nth-of-type(2):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2077.062%2055.062%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m327%20512.293%2054.077%2054.077-.707.707-54.37-54.077h-22v-1h23%22%20fill%3D%22%23333%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-304%20-512)%22%2F%3E%3C%2Fsvg%3E");
	right: -77px;
	top: 12px;
	height: 55px;
	width: 77px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption:nth-of-type(5):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2052.344%2029.344%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m758%20565-28.642%2028.349-.707-.707%2028.349-28.642%201%20.009v-.009h23v1%22%20fill%3D%22%23333%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-728.656%20-564)%22%2F%3E%3C%2Fsvg%3E");
	left: -52px;
	top: 11px;
	height: 29px;
	width: 52px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption:nth-of-type(6):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2093%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h93v1h-93z%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E");
	right: -93px;
	top: 11px;
	height: 1px;
	width: 93px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.on:nth-of-type(1):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2051.188%2030.688%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m327.2%20588-.707.707-29.693-29.707h-20.8v-1h22v.793z%22%20fill%3D%22%230d23c4%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-276%20-558)%22%2F%3E%3C%2Fsvg%3E")
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.on:nth-of-type(2):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2077.062%2055.062%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m327%20502.293%2054.077%2054.077-.707.707-54.37-54.077h-22v-1h23%22%20fill%3D%22%230d23c4%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-304%20-502)%22%2F%3E%3C%2Fsvg%3E")
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.on:nth-of-type(5):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2052.344%2029.344%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m758%20571-28.642%2028.349-.707-.707%2028.349-28.642%201%20.009v-.009h23v1z%22%20fill%3D%22%230d23c4%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-728.656%20-570)%22%2F%3E%3C%2Fsvg%3E")
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.on:nth-of-type(6):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2093%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h93v1h-93z%22%20fill%3D%22%230d23c4%22%2F%3E%3C%2Fsvg%3E")
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap01 {
	left: 168px;
	top: 60px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap02 {
	left: 197px;
	top: 34px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap03 {
	left: 248px;
	top: 103px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap04 {
	left: 277px;
	top: 103px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap05 {
	left: 698px;
	top: 79px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap06 {
	left: 128px;
	top: 136px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap07 {
	left: 306px;
	top: 103px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap08 {
	left: 335px;
	top: 103px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap09 {
	left: 354px;
	top: 72px
}

.production .page-area__car-parts-wrap01 .page-area__car-parts--image-caption.cap10 {
	display: none
}

.production .page-area__car-parts-wrap02 {
	margin-top: 48px
}

.production .page-area__car-parts-wrap02 .page-area__car-parts--image {
	margin-top: 24px
}

.production .page-area__car-parts-wrap02 .page-area__car-parts--image-caption span {
	-webkit-box-shadow: 0 0 0 1px #fff;
	box-shadow: 0 0 0 1px #fff
}

.production .page-area__car-parts-wrap02 .page-area__car-parts--image-caption:nth-of-type(4):after {
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	content: "天井";
	color: #333;
	right: -36px;
	top: 5px;
	height: 18px;
	width: 28px
}

.production .page-area__car-parts-wrap02 .page-area__car-parts--image-caption.cap01 {
	left: 199px;
	top: 71px
}

.production .page-area__car-parts-wrap02 .page-area__car-parts--image-caption.cap02 {
	left: 222px;
	top: 207px
}

.production .page-area__car-parts-wrap02 .page-area__car-parts--image-caption.cap03 {
	left: 253px;
	top: 207px
}

.production .page-area__car-parts-wrap02 .page-area__car-parts--image-caption.cap04 {
	left: 449px;
	top: 13px
}

.production .page-area__car-parts-wrap02 .page-area__car-parts--image-caption.cap05 {
	left: 130px;
	top: 136px
}

.production .page-area__cardlist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 18px
}

.production .page-area__carditem {
	background-color: #fff;
	border: 1px solid #eaeaea;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden
}

.production .page-area__carditem.col2 {
	width: calc((100% / 2) - 10px)
}

.production .page-area__carditem.col2:nth-of-type(n+3) {
	margin-top: 20px
}

.production .page-area__carditem.col2 .page-area__carditem--thumb {
	height: 278px
}

.production .page-area__carditem.col3 {
	width: calc((100% / 3) - 10px)
}

.production .page-area__carditem.col3 .page-area__carditem--thumb {
	height: 178px
}

.production .page-area__carditem.col3 .page-area__carditem--txtarea {
	padding: 20px 18px 21px
}

.production .page-area__carditem.col3 .page-area__carditem--txt {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.76923
}

.production .page-area__carditem--txtarea {
	border-top: 1px solid #eaeaea;
	padding: 22px 18px 13px
}

.production .page-area__carditem--tit {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	color: #0d23c4
}

.production .page-area__carditem--txt {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.69231;
	margin-top: 15px
}

.production .sec01 {
	margin-top: -3px
}

.production .sec01 .page-area__titblue {
	margin-top: 28px
}

.production .sec02 {
	margin-top: 65px
}

.production .sec03 {
	margin-top: 62px
}

.production .sec03 .page-area__cardlist {
	margin-top: 25px
}

.production .sec04 {
	margin-top: 61px
}

.production .sec04 .page-area__cardlist {
	margin-top: 25px
}

.production .sec05 {
	margin-top: 61px
}

.production .sec05 .page-area__cardlist {
	margin-top: 22px
}

.production .sec06 {
	margin-top: 61px
}

.production .sec06 .page-area__cardlist {
	margin-top: 19px
}

.production .sec07 {
	margin-top: 61px
}

.production .sec07 .page-area__cardlist {
	margin-top: 18px
}

@media screen and (max-width: 767px) {
	.production .page-area__titarea--caption {
		margin-top: -2px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.production .page-area__titarea--caption {
		font-size: 6.5px;
		font-weight: 400;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.production .page-area__txtarea--tit {
		margin-top: 13px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.production .page-area__txtarea--tit {
		font-size: 9px;
		font-weight: 700;
		line-height: 1.44444
	}
}

@media screen and (max-width: 767px) {
	.production .page-area__txtarea--txt {
		margin-top: 14px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.production .page-area__txtarea--txt {
		font-size: 14px;
		line-height: 1.60714
	}
}

@media screen and (max-width: 767px) {
	.production .page-area__car-parts {
		margin-top: 23px
	}

	.production .page-area__car-parts--list {
		margin-top: 17px
	}

	.production .page-area__car-parts--item {
		width: calc((100% / 3) - 7px)
	}

	.production .page-area__car-parts--item:before {
		left: -1px;
		top: -1px;
		height: 20px;
		width: 20px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.production .page-area__car-parts--item:before {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.production .page-area__car-parts--item:nth-of-type(n+4) {
		margin-top: 12px
	}

	.production .page-area__car-parts--item:nth-of-type(3n+5):last-of-type {
		margin-right: calc((100% / 3) + 4px)
	}

	.production .page-area__car-parts--item-thumb {
		height: 78px
	}

	.production .page-area__car-parts--item-thumb img {
		-o-object-fit: cover;
		object-fit: cover
	}

	.production .page-area__car-parts--item-tit {
		margin-top: 6px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.production .page-area__car-parts--item-tit {
		font-size: 12px;
		line-height: 1.25
	}
}

@media screen and (max-width: 767px) and (min-width: 768px) {
	.production .page-area__car-parts-wrap01 .page-area__car-parts--image {
		height: 306px;
		width: 840px
	}
}

@media screen and (max-width: 767px) {
	.production .page-area__car-parts-wrap02 {
		margin-top: 48px
	}
}

@media screen and (max-width: 767px) and (min-width: 768px) {
	.production .page-area__car-parts-wrap02 .page-area__car-parts--image {
		height: 340px;
		width: 840px
	}
}

@media screen and (max-width: 767px) {
	.production .page-area__cardlist {
		margin-top: 12px
	}

	.production .page-area__carditem {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 15px 15px 15px
	}

	.production .page-area__carditem.col2,
	.production .page-area__carditem.col3 {
		width: 100%
	}

	.production .page-area__carditem.col2:nth-of-type(n+2),
	.production .page-area__carditem.col3:nth-of-type(n+2) {
		margin-top: 15px
	}

	.production .page-area__carditem.col2:nth-of-type(n+3),
	.production .page-area__carditem.col3:nth-of-type(n+3) {
		margin-top: inherit
	}

	.production .page-area__carditem.col2 .page-area__carditem--thumb,
	.production .page-area__carditem.col3 .page-area__carditem--thumb {
		height: 73px
	}

	.production .page-area__carditem.col2 .page-area__carditem--txtarea,
	.production .page-area__carditem.col3 .page-area__carditem--txtarea {
		padding: 0
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {

	.production .page-area__carditem.col2 .page-area__carditem--txt,
	.production .page-area__carditem.col3 .page-area__carditem--txt {
		font-size: 12px;
		line-height: 1.625
	}
}

@media screen and (max-width: 767px) {
	.production .page-area__carditem--thumb {
		height: 73px;
		width: 106px;
		min-width: 106px
	}

	.production .page-area__carditem--thumb img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		width: 100%
	}

	.production .page-area__carditem--txtarea {
		border-top: none;
		margin-top: -4px;
		margin-left: 15px;
		padding: 0
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.production .page-area__carditem--tit {
		font-size: 14px;
		line-height: 1.5
	}
}

@media screen and (max-width: 767px) {
	.production .page-area__carditem--txt {
		margin-top: 5px
	}

	.production .sec01 {
		margin-top: 10px
	}

	.production .sec01 .page-area__titblue {
		margin-top: 14px
	}

	.production .sec02,
	.production .sec03,
	.production .sec04,
	.production .sec05,
	.production .sec06,
	.production .sec07 {
		margin-top: 40px
	}

	.production .sec02 .page-area__cardlist,
	.production .sec03 .page-area__cardlist,
	.production .sec04 .page-area__cardlist,
	.production .sec05 .page-area__cardlist,
	.production .sec06 .page-area__cardlist,
	.production .sec07 .page-area__cardlist {
		margin-top: 11px
	}

	.production .sec02 .page-area__carditem--txtarea,
	.production .sec03 .page-area__carditem--txtarea,
	.production .sec04 .page-area__carditem--txtarea,
	.production .sec05 .page-area__carditem--txtarea,
	.production .sec06 .page-area__carditem--txtarea,
	.production .sec07 .page-area__carditem--txtarea {
		padding: 0
	}
}

.global .sec01 {
	margin-top: -3px
}

.global .page-area__titblack {
	font-size: 24px;
	font-weight: 700;
	line-height: 1
}

.global .page-area section {
	margin-bottom: 58px
}

.global .page-area section:not(:first-of-type) {
	margin-top: 50px
}

.global .page-area section:first-of-type {
	margin-top: 59px
}

.global .page-area section:last-of-type {
	margin-bottom: 0
}

.global .page-area__region-list {
	margin-top: 19px
}

.global .page-area__region-item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #eaeaea;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.global .page-area__region-item:not(:first-of-type) {
	margin-top: 50px
}

.global .page-area__region-item--thumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 293px;
	min-width: 450px
}

.global .page-area__region-item--caption {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #1f1f1f;
	margin-top: 10px;
	text-align: left;
	width: 100%
}

@media screen and (min-width: 768px) {
	.global .page-area__region-item--caption {
		width: 360px
	}
}

.global .page-area__region-item--dl-table {
	border-top: none;
	border-right: none;
	border-bottom: none;
	min-height: 293px;
	height: 100%;
	width: 100%
}

@media screen and (min-width: 768px) {

	.global .page-area__region-item--dl-table.table01:nth-of-type(2),
	.global .page-area__region-item--dl-table.table02:nth-of-type(2),
	.global .page-area__region-item--dl-table.table03:nth-of-type(2),
	.global .page-area__region-item--dl-table dl:nth-of-type(2) {
		min-height: 70px
	}
}

@media screen and (min-width: 768px) {

	.global .page-area__region-item--dl-table.table04:nth-of-type(2),
	.global .page-area__region-item--dl-table dl:nth-of-type(2) {
		min-height: inherit
	}
}

@media screen and (min-width: 768px) {

	.global .page-area__region-item--dl-table.table05:nth-of-type(2),
	.global .page-area__region-item--dl-table dl:nth-of-type(2) {
		min-height: inherit
	}
}

@media screen and (min-width: 768px) {

	.global .page-area__region-item--dl-table.table06:nth-of-type(2),
	.global .page-area__region-item--dl-table dl:nth-of-type(2) {
		min-height: inherit
	}
}

@media screen and (min-width: 768px) {
	.global .page-area__region-item--dl-table.table07 dl:nth-of-type(2) {
		min-height: 30px
	}

	.global .page-area__region-item--dl-table.table07 dl:nth-of-type(2) dt,
	.global .page-area__region-item--dl-table.table07 dl:nth-of-type(2) dd {
		padding-top: 31px;
		padding-bottom: 30px
	}

	.global .page-area__region-item--dl-table.table07 dl:nth-of-type(3) dt,
	.global .page-area__region-item--dl-table.table07 dl:nth-of-type(3) dd {
		padding-top: 21px;
		padding-bottom: 20px
	}

	.global .page-area__region-item--dl-table.table07 dl:nth-of-type(4) dt,
	.global .page-area__region-item--dl-table.table07 dl:nth-of-type(4) dd {
		padding-top: 21px;
		padding-bottom: 20px
	}
}

.global .page-area__region-item dt,
.global .page-area__region-item dd {
	padding-top: 9px;
	padding-bottom: 8px
}

.global .page-area__region-item dd .tit {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	padding-top: 10px;
	padding-bottom: 9px
}

@media screen and (max-width: 767px) {
	.global .sec01 {
		margin-top: -3px
	}

	.global .page-area__titblack {
		border-bottom: 1px solid #eaeaea;
		padding-bottom: 15px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.global .page-area__titblack {
		font-size: 20px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.global .page-area__titblack:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border: 1px solid #eaeaea;
		margin-top: -2px;
		margin-right: 9px;
		height: 20px;
		width: 28px
	}

	.global .page-area__titblack.ico-ja:before {
		background-image: url(../images/common/ico-flag-ja.svg)
	}

	.global .page-area__titblack.ico-ch:before {
		background-image: url(../images/common/ico-flag-ch.svg)
	}

	.global .page-area__titblack.ico-th:before {
		background-image: url(../images/common/ico-flag-th.svg)
	}

	.global .page-area__titblack.ico-mx:before {
		background-image: url(../images/common/ico-flag-mx.svg)
	}

	.global .page-area__titblack.ico-hk:before {
		background-image: url(../images/common/ico-flag-hk.svg)
	}

	.global .page-area section {
		margin-bottom: 30px
	}

	.global .page-area section:not(:first-of-type) {
		margin-top: 50px
	}

	.global .page-area section:first-of-type {
		margin-top: 30px
	}

	.global .page-area section:last-of-type {
		margin-bottom: 0
	}

	.global .page-area__region-list {
		margin-top: 19px
	}

	.global .page-area__region-item {
		border: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.global .page-area__region-item:not(:first-of-type) {
		margin-top: 50px
	}

	.global .page-area__region-item--thumb {
		min-height: inherit;
		min-width: inherit;
		height: 100%;
		width: 100%
	}

	.global .page-area__region-item--thumb img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		width: 100%
	}

	.global .page-area__region-item--caption {
		margin-top: 15px;
		text-align: right
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.global .page-area__region-item--caption {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.global .page-area__region-item--dl-table {
		border-top: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
		margin-top: 20px;
		min-height: inherit
	}

	.global .page-area__region-item--dl-table.table01:nth-of-type(2),
	.global .page-area__region-item--dl-table.table02:nth-of-type(2),
	.global .page-area__region-item--dl-table.table03:nth-of-type(2),
	.global .page-area__region-item--dl-table dl:nth-of-type(2) {
		min-height: inherit
	}

	.global .page-area__region-item dt,
	.global .page-area__region-item dd {
		padding-top: 9px;
		padding-bottom: 8px
	}

	.global .page-area__region-item dd {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.global .page-area__region-item dd .tit {
		padding-top: 9px;
		padding-bottom: 10px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.global .page-area__region-item dd .tit {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.3125
	}
}

.advantage .page-area__titarea {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.advantage .page-area__titarea--tit {
	margin-top: 18px
}

.advantage .page-area__titarea--txt {
	margin-top: 31px;
	text-align: center
}

.advantage .page-area__card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 41px
}

.advantage .page-area__card--list {
	width: 380px
}

.advantage .page-area__card--list:nth-of-type(n+4) {
	margin-top: 37px
}

.advantage .page-area__card--list:not(:first-of-type) {
	margin-left: 30px
}

.advantage .page-area__card--list:nth-of-type(3n+4) {
	margin-left: 0
}

.advantage .page-area__card--list:nth-of-type(1) .page-area__card--thumb:after {
	content: "01"
}

.advantage .page-area__card--list:nth-of-type(2) .page-area__card--thumb:after {
	content: "02"
}

.advantage .page-area__card--list:nth-of-type(3) .page-area__card--thumb:after {
	content: "03"
}

.advantage .page-area__card--list:nth-of-type(4) .page-area__card--thumb:after {
	content: "04"
}

.advantage .page-area__card--list:nth-of-type(5) .page-area__card--thumb:after {
	content: "05"
}

.advantage .page-area__card--thumb {
	height: 140px;
	position: relative
}

.advantage .page-area__card--thumb:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	font-size: 60px;
	font-weight: 400;
	line-height: 1;
	bottom: -21px;
	color: #0874dc;
	font-family: "Roboto Condensed", sans-serif;
	position: absolute;
	right: 10px
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.advantage .page-area__card--thumb:after {
		font-size: 40px;
		line-height: 1
	}
}

.advantage .page-area__card--txtarea {
	margin-top: 30px
}

.advantage .page-area__card--txtarea-tit {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.advantage .page-area__card--txtarea-tit:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	margin-right: 14px;
	height: 20px;
	width: 2px
}

.advantage .page-area__card--txtarea-txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.53333;
	color: #666;
	margin-top: 15px
}

.advantage .sec01 {
	margin-top: 33px
}

.advantage .sec01 .page-area__image {
	margin-top: 68px;
	text-align: center
}

@media screen and (min-width: 768px) {
	.advantage .sec01 .page-area__image img {
		margin-right: -158px;
		height: 355px;
		width: 1096px
	}
}

.advantage .sec02 {
	margin-top: -3px
}

.advantage .sec03 {
	margin-top: 57px
}

.advantage .sec03 .page-area__titarea--tit {
	margin-top: 21px
}

.advantage .sec03 .page-area__titarea--txt {
	margin-top: 21px
}

.advantage .sec03 .page-area__image {
	margin-top: 33px;
	margin-left: -130px;
	text-align: center
}

@media screen and (min-width: 768px) {
	.advantage .sec03 .page-area__image img {
		height: 407px;
		width: 964px
	}
}

@media screen and (max-width: 767px) {
	.advantage .page-area__titarea--tit {
		margin-top: 15px
	}

	.advantage .page-area__titarea--txt {
		margin-top: 15px
	}

	.advantage .page-area__card {
		margin-top: 30px
	}

	.advantage .page-area__card--list {
		width: 100%
	}

	.advantage .page-area__card--list:nth-of-type(n+4) {
		margin-top: 0
	}

	.advantage .page-area__card--list:not(:first-of-type) {
		margin-top: 30px;
		margin-left: 0
	}

	.advantage .page-area__card--list:nth-of-type(3n+4) {
		margin-left: 0
	}

	.advantage .page-area__card--thumb {
		height: 140px
	}

	.advantage .page-area__card--thumb img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		width: 100%
	}

	.advantage .page-area__card--txtarea {
		margin-top: 15px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.advantage .page-area__card--txtarea-tit {
		font-size: 15px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.advantage .page-area__card--txtarea-tit:before {
		margin-right: 10px;
		height: 20px;
		width: 2px
	}

	.advantage .page-area__card--txtarea-txt {
		margin-top: 10px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.advantage .page-area__card--txtarea-txt {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.advantage .sec01 {
		margin-top: 10px
	}

	.advantage .sec01 .page-area__image {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 30px;
		margin-right: 0
	}

	.advantage .sec01 .page-area__image img {
		margin-right: 0;
		min-height: 199px;
		min-width: 602px
	}

	.advantage .sec02 {
		margin-top: 40px
	}

	.advantage .sec03 {
		margin-top: 50px
	}

	.advantage .sec03 .page-area__titarea--tit {
		margin-top: 15px
	}

	.advantage .sec03 .page-area__titarea--txt {
		margin-top: 10px
	}

	.advantage .sec03 .page-area__image {
		margin-top: 15px;
		margin-left: 0
	}
}

.news .sec01 {
	margin-top: -3px
}

.news .page-area__news {
	margin-top: 30px
}

.news .page-area__news--item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 29px 20px
}

.news .page-area__news--item:nth-of-type(odd) {
	background-color: #eef3f8
}

.news .page-area__news--date {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: "Roboto Condensed", sans-serif;
	margin-top: 2px
}

.news .page-area__news--date:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-time.svg);
	margin-right: 5px;
	height: 12px;
	width: 12px
}

@media screen and (min-width: 768px) {
	.news .page-area__news--date:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #999;
		margin: 0 20px 0 21px;
		height: 14px;
		width: 1px
	}
}

.news .page-area__news--link {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.46667;
	color: #0874dc
}

.news .page-area__news--link:hover {
	text-decoration: underline
}

.news .page-area__news--link.pdf:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-pdf@2x.png);
	background-size: cover;
	margin-top: -4px;
	margin-left: 6px;
	height: 17px;
	width: 17px
}

@media screen and (max-width: 767px) {
	.news .sec01 {
		margin-top: 10px
	}

	.news .page-area__news {
		margin-top: 15px
	}

	.news .page-area__news--item {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 15px 20px
	}

	.news .page-area__news--date {
		margin-top: 2px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.news .page-area__news--date {
		font-size: 14px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.news .page-area__news--date:before {
		margin-top: -2px;
		margin-right: 6px;
		height: 11px;
		width: 11px
	}

	.news .page-area__news--link {
		margin-top: 5px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.news .page-area__news--link {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.news .page-area__news--link.pdf:after {
		margin-top: -4px;
		margin-left: 5px;
		height: 15px;
		width: 15px
	}
}

.news.detail section {
	margin-top: 16px
}

.news.detail .page-area__titarea--tit {
	font-size: 30px;
	line-height: 1.5
}

.news.detail .page-area__titarea--tit.border-left {
	padding-left: 15px;
	position: relative
}

.news.detail .page-area__titarea--tit.border-left:before {
	position: absolute;
	left: 0;
	margin-top: 0;
	height: 100%
}

.news.detail .page-area__metaarea {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 25px
}

.news.detail .page-area__txtarea {
	margin-top: 23px
}

.news.detail .page-area__txtarea p {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 13px
}

.news.detail .page-area__txtarea p:not(:first-of-type) {
	margin-top: 15px
}

.news.detail .page-area__txtarea p a:hover {
	text-decoration: underline
}

.news.detail .page-area__txtarea h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px;
	margin-bottom: 28px;
	padding-left: 15px;
	position: relative
}

.news.detail .page-area__txtarea h2:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: linear-gradient(135deg, #0c21c3 0%, #0874dc 100%);
	margin-top: -1px;
	margin-right: 23px;
	position: absolute;
	left: 0;
	margin-top: 0;
	height: 100%;
	width: 3px
}

.news.detail .page-area__txtarea h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #0d23c4;
	margin-top: 25px
}

.news.detail .page-area__txtarea h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	margin-top: 15px
}

.news.detail .page-area__txtarea img {
	margin-top: 35px;
	height: 100%;
	width: 100%
}

.news.detail .page-area__txtarea ul {
	background-color: #f4f9fc;
	margin-top: 30px;
	padding: 20px 30px
}

.news.detail .page-area__txtarea ul li {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.news.detail .page-area__txtarea ul li:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #333;
	border-radius: 50%;
	margin-top: 10px;
	margin-right: 8px;
	height: 4px;
	width: 4px;
	min-width: 4px
}

.news.detail .page-area__txtarea ul li:not(:first-of-type) {
	margin-top: 5px
}

.news.detail .page-area__txtarea ol {
	background-color: #f4f9fc;
	margin-top: 30px;
	padding: 20px 28px
}

.news.detail .page-area__txtarea ol li {
	counter-increment: cnt;
	padding-left: 16px;
	text-indent: -16px
}

.news.detail .page-area__txtarea ol li:before {
	content: counter(cnt);
	margin-right: 8px
}

.news.detail .news-detail-backbtn {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 40px
}

.news.detail .news-detail-backbtn__link {
	height: 50px;
	width: 300px
}

@media screen and (max-width: 767px) {
	.news.detail section {
		margin-top: 16px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.news.detail .page-area__titarea--tit {
		font-size: 18px;
		line-height: 1.5
	}
}

@media screen and (max-width: 767px) {
	.news.detail .page-area__titarea--tit br {
		display: none
	}

	.news.detail .page-area__metaarea {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-top: 15px
	}

	.news.detail .page-area__txtarea {
		margin-top: 15px
	}

	.news.detail .page-area__txtarea p {
		margin-top: 13px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.news.detail .page-area__txtarea p {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.news.detail .page-area__txtarea p:not(:first-of-type) {
		margin-top: 30px
	}

	.news.detail .page-area__txtarea h2 {
		line-height: inherit !important;
		margin-top: 32px;
		margin-bottom: -20px;
		padding-left: 10px;
		position: relative
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.news.detail .page-area__txtarea h2 {
		font-size: 18px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.news.detail .page-area__txtarea h2:before {
		position: absolute;
		left: 0;
		top: 0;
		margin-top: -1px;
		margin-right: 0;
		min-height: inherit;
		min-width: 2px;
		height: 100%;
		width: 2px
	}

	.news.detail .page-area__txtarea h3 {
		margin-top: 18px;
		margin-bottom: -20px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.news.detail .page-area__txtarea h3 {
		font-size: 15px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.news.detail .page-area__txtarea h4 {
		margin-top: 15px;
		margin-bottom: -20px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.news.detail .page-area__txtarea h4 {
		font-size: 14px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.news.detail .page-area__txtarea img {
		margin-top: 0
	}

	.news.detail .page-area__txtarea ul {
		margin-top: 15px;
		padding: 20px
	}

	.news.detail .page-area__txtarea ul li:before {
		margin-top: 10px;
		margin-right: 8px;
		height: 4px;
		width: 4px;
		min-width: 4px
	}

	.news.detail .page-area__txtarea ul li:not(:first-of-type) {
		margin-top: 5px
	}

	.news.detail .page-area__txtarea ol {
		margin-top: 15px;
		padding: 20px
	}

	.news.detail .page-area__txtarea ol li {
		padding-left: 18px;
		text-indent: -18px
	}

	.news.detail .page-area__txtarea ol li:before {
		margin-right: 8px
	}

	.news.detail .news-detail-backbtn {
		margin-top: 40px
	}

	.news.detail .news-detail-backbtn__link {
		height: 40px;
		width: 280px
	}
}

@media all and (-ms-high-contrast: none) {
	.contact .page-area__contact-table dt .required {
		margin-top: -12.5px;
		padding-top: 2px;
		top: 50%
	}
}

.contact.contact-top .is-confirm {
	display: none
}

.contact.confirm .is-contact {
	display: none
}

.contact.contact-top .change-color:not(.is-active) {
	background-image: none;
	border-left: 1px solid #0c21c3;
	border-right: 1px solid #0874dc;
	-webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.contact.contact-top .change-color:not(.is-active):before,
.contact.contact-top .change-color:not(.is-active):after {
	background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
	background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
	content: "";
	display: block;
	opacity: 1;
	position: absolute;
	height: 1px;
	width: 100%
}

.contact.contact-top .change-color:not(.is-active):before {
	top: 0;
	left: 0
}

.contact.contact-top .change-color:not(.is-active):after {
	bottom: 0;
	left: 0
}

.contact.contact-top .change-color:not(.is-active) span,
.contact.contact-top .change-color:not(.is-active) input {
	color: #1f1f1f
}

.contact.contact-top .change-color:not(.is-active) span:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #0371c7;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 20px;
	position: absolute;
	top: calc(50% - 4px);
	-webkit-transition: all 250ms;
	transition: all 250ms
}

.contact.contact-top .change-color:not(.is-active) input {
	cursor: not-allowed;
	pointer-events: none
}

.contact.contact-top .change-color:not(.is-active):hover span:before {
	display: none
}

.contact .page-area__inner {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.contact .page-area__txtarea {
	text-align: center
}

.contact .page-area__txtarea a {
	-webkit-transition: opacity 200ms;
	transition: opacity 200ms;
	text-decoration: underline
}

.contact .page-area__txtarea a:hover {
	opacity: .8
}

.contact .page-area__txtarea a[target="_blank"]:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/ico-blank-blue.svg);
	margin-bottom: 3px;
	margin-left: 4px;
	margin-right: 5px;
	right: 20px;
	top: 19px;
	-webkit-transition: background-image 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: background-image 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 11px;
	width: 11px
}

@media screen and (max-width: 767px) {
	.contact .page-area__txtarea a[target="_blank"]:after {
		margin-bottom: 2px;
		margin-left: 5px
	}
}

@media screen and (min-width: 768px) {
	.contact .page-area__txtarea--pdflink {
		margin: 0 5px
	}
}

.contact .page-area__txtarea a[href$=".pdf"] {
	font-weight: normal;
	margin-top: 0
}

.contact .page-area__txtarea .check {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 29px;
	padding-right: 12px
}

.contact .page-area__txtarea .check input,
.contact .page-area__txtarea .check button,
.contact .page-area__txtarea .check textarea,
.contact .page-area__txtarea .check select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.contact .page-area__txtarea .check label {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.contact .page-area__txtarea .check input {
	background-color: #f8f8f8;
	border: 1px solid #dedede;
	border-radius: 2px;
	margin-top: -3px;
	margin-right: 20px;
	position: relative;
	-webkit-transition: opacity 200ms, background-color 200ms, border 200ms;
	transition: opacity 200ms, background-color 200ms, border 200ms;
	height: 16px;
	width: 16px
}

.contact .page-area__txtarea .check input:before,
.contact .page-area__txtarea .check input:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	opacity: 0;
	position: absolute;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg)
}

.contact .page-area__txtarea .check input:before {
	left: 3px;
	top: 7px;
	height: 2px;
	width: 5px
}

.contact .page-area__txtarea .check input:after {
	left: 8px;
	top: 3px;
	height: 8px;
	width: 2px
}

.contact .page-area__txtarea .check input:checked {
	background-color: #0874dc;
	border: 1px solid #0874dc
}

.contact .page-area__txtarea .check input:checked:before,
.contact .page-area__txtarea .check input:checked:after {
	opacity: 1
}

.contact .page-area__txtarea .check span {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	color: #1f1f1f
}

.contact .page-area__txtarea .check:hover span {
	text-decoration: underline
}

.contact .page-area .c-btn__gradation-blue {
	margin-top: 60px;
	height: 50px;
	width: 300px
}

.contact .page-area__contact-table {
	border: 1px solid #dedede;
	margin-top: 38px;
	margin-bottom: 22px;
	width: 1000px
}

.contact .page-area__contact-table dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.contact .page-area__contact-table dl:not(:first-of-type) {
	border-top: 1px solid #dedede
}

.contact .page-area__contact-table dt,
.contact .page-area__contact-table dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.contact .page-area__contact-table dt {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f7f7f7;
	color: #333;
	min-width: 278px;
	padding-left: 20px
}

.contact .page-area__contact-table dt div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%
}

.contact .page-area__contact-table dt .required {
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #cd0505;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 1px;
	position: absolute;
	right: 19px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 24px;
	width: 50px
}

.contact .page-area__contact-table dd {
	border-left: 1px solid #dedede;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 19px 20px 18px;
	width: 100%
}

.contact .page-area__contact-table dd input,
.contact .page-area__contact-table dd button,
.contact .page-area__contact-table dd textarea,
.contact .page-area__contact-table dd select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.contact .page-area__contact-table dd input,
.contact .page-area__contact-table dd textarea {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	border: 1px solid #dedede;
	border-radius: 4px;
	padding: 6px;
	-webkit-transition: border 200ms;
	transition: border 200ms;
	width: 100%
}

.contact .page-area__contact-table dd input:focus,
.contact .page-area__contact-table dd textarea:focus {
	border: 1px solid #bbb
}

.contact .page-area__contact-table dd input::-webkit-input-placeholder {
	color: #b7b7b7
}

.contact .page-area__contact-table dd textarea {
	min-height: 144px
}

.contact .page-area__contact-table dd .jquery-validation-error-tip span {
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #cd0505;
	margin-top: 9px
}

@media screen and (max-width: 767px) {
	.contact .page-area__txtarea {
		text-align: left
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.contact .page-area__txtarea--pdflink {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.contact .page-area__txtarea--pdflink:before {
		margin-right: 6px
	}

	.contact .page-area__txtarea .check {
		margin-top: 29px;
		padding-right: 12px
	}

	.contact .page-area__txtarea .check input {
		border-radius: 2px;
		margin-bottom: -1px;
		margin-right: 10px;
		height: 15px;
		width: 15px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.contact .page-area__txtarea .check span {
		font-size: 13px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.contact .page-area .c-btn__gradation-blue {
		margin-top: 30px;
		height: 50px;
		width: 280px
	}

	.contact .page-area__contact-table {
		border: 1px solid #dedede;
		margin-top: 30px;
		margin-bottom: 22px;
		width: 100%
	}

	.contact .page-area__contact-table dl {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.contact .page-area__contact-table dl:not(:first-of-type) {
		border-top: 1px solid #dedede
	}

	.contact .page-area__contact-table dt {
		min-width: inherit;
		padding: 8px 20px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.contact .page-area__contact-table dt {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.contact .page-area__contact-table dt .required {
		border-radius: 2px;
		right: 0;
		top: 1px;
		height: 22px;
		width: 50px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.contact .page-area__contact-table dt .required {
		font-size: 10.5px;
		line-height: 1.04762
	}
}

@media screen and (max-width: 767px) {
	.contact .page-area__contact-table dd {
		border-top: 1px solid #dedede;
		border-left: none;
		padding: 20px
	}

	.contact .page-area__contact-table dd input,
	.contact .page-area__contact-table dd textarea {
		border: 1px solid #dedede;
		border-radius: 2px;
		padding: 6px 10px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {

	.contact .page-area__contact-table dd input,
	.contact .page-area__contact-table dd textarea {
		font-size: 16px;
		line-height: 1.4375
	}
}

@media screen and (max-width: 767px) {

	.contact .page-area__contact-table dd input::-webkit-input-placeholder,
	.contact .page-area__contact-table dd textarea::-webkit-input-placeholder {
		padding-top: 6px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {

	.contact .page-area__contact-table dd input::-webkit-input-placeholder,
	.contact .page-area__contact-table dd textarea::-webkit-input-placeholder {
		font-size: 12px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.contact .page-area__contact-table dd textarea {
		min-height: inherit;
		height: 130px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.contact .page-area__contact-table dd .jquery-validation-error-tip span {
		font-size: 12px;
		line-height: 1
	}
}

.contact.confirm .page-area .page-area__contact-btnarea {
	margin-top: 18px
}

.contact.confirm .page-area .c-btn__gradation-blue {
	margin-top: 0
}

.contact.confirm .page-area .c-btn__gradation-blue:not(:first-of-type) {
	margin-left: 40px
}

@media screen and (max-width: 767px) {
	.contact.confirm .page-area .c-btn__gradation-blue:not(:first-of-type) {
		margin-top: 20px;
		margin-left: 0
	}
}

@media screen and (min-width: 768px) {
	.contact.confirm .page-area__contact-table {
		margin-top: 32px
	}

	.contact.confirm .page-area__contact-table dt,
	.contact.confirm .page-area__contact-table dd {
		padding: 18px 20px
	}
}

@media screen and (max-width: 767px) {
	.contact.confirm .page-area .page-area__contact-btnarea {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-top: 25px
	}

	.contact.confirm .page-area .c-btn__gradation-blue:not(:first-of-type) {
		margin-top: 0;
		margin-bottom: 20px;
		margin-left: 0
	}
}

.contact.complete .complete-msg-area {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f7f7f7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: 57px;
	height: 400px;
	width: 1000px
}

.contact.complete .complete-msg-area__titarea {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.contact.complete .complete-msg-area__titarea:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/line-dashed.svg);
	margin-top: 28px;
	height: 1px;
	width: 36.5px
}

.contact.complete .complete-msg-area__tit {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #1f1f1f
}

.contact.complete .complete-msg-area__txtarea {
	margin-top: 23px
}

.contact.complete .complete-msg-area__txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.93333;
	text-align: center
}

.contact.complete .complete-msg-area .c-btn__gradation-blue {
	margin-top: 32px
}

@media screen and (max-width: 767px) {
	.contact.complete .complete-msg-area {
		margin-top: 10px;
		padding: 40px 25px;
		height: inherit;
		width: 100%
	}

	.contact.complete .complete-msg-area__titarea:after {
		margin-top: 20px;
		height: 1px;
		width: 36.5px
	}

	.contact.complete .complete-msg-area__tit {
		text-align: center
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.contact.complete .complete-msg-area__tit {
		font-size: 18px;
		line-height: 1.27778
	}
}

@media screen and (max-width: 767px) {
	.contact.complete .complete-msg-area__txtarea {
		margin-top: 15px
	}

	.contact.complete .complete-msg-area__txt {
		text-align: left
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.contact.complete .complete-msg-area__txt {
		font-size: 14px;
		line-height: 1.64286
	}
}

@media screen and (max-width: 767px) {
	.contact.complete .complete-msg-area .c-btn__gradation-blue {
		margin-top: 22px
	}
}

@media screen and (min-width: 768px) {
	.contact.complete .l-footer {
		margin-top: 70px
	}
}

.privacy section:not(:first-of-type) {
	margin-top: 40px
}

.privacy section.sec02 {
	margin-top: 40px
}

.privacy .page-area__lead--txt {
	margin-top: 12px
}

.privacy .page-area__txtarea ul {
	margin-top: 28px
}

.privacy .page-area__txtarea ul li {
	padding-left: 7px
}

.privacy .page-area__txtarea ul li:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #1f1f1f;
	border-radius: 1px;
	margin-right: 8px;
	height: 2px;
	width: 2px
}

.privacy .page-area__txtarea ul ol {
	counter-increment: cnt;
	padding-left: 4px
}

.privacy .page-area__txtarea ul ol:before {
	content: counter(cnt);
	margin-right: 8px
}

.privacy .page-area__txtarea ul li:not(:first-of-type),
.privacy .page-area__txtarea ul ol:not(:first-of-type) {
	margin-top: 3px
}

@media screen and (max-width: 767px) {
	.privacy section:not(:first-of-type) {
		margin-top: 57px
	}

	.privacy section.sec02 {
		margin-top: 52px
	}

	.privacy .page-area__lead--txt {
		margin-top: 12px
	}

	.privacy .page-area__txtarea ul {
		margin-top: 15px
	}

	.privacy .page-area__txtarea ul li {
		padding-left: 10px;
		text-indent: -10px
	}

	.privacy .page-area__txtarea ul li:before {
		margin-right: 8px
	}

	.privacy .page-area__txtarea ul ol {
		padding-left: 18px;
		text-indent: -18px
	}

	.privacy .page-area__txtarea ul ol:before {
		margin-right: 8px
	}

	.privacy .page-area__txtarea ul li:not(:first-of-type),
	.privacy .page-area__txtarea ul ol:not(:first-of-type) {
		margin-top: 3px
	}
}

.sitemap section:first-of-type {
	margin-top: -5px
}

.sitemap section:not(:first-of-type) {
	margin-top: 58px
}

@media screen and (min-width: 768px) {
	.sitemap .page-area__titarea--tit.border-left {
		font-size: 24px;
		line-height: 1
	}

	.sitemap .page-area__titarea--tit.border-left:before {
		margin-right: 18px;
		height: 60px
	}
}

.sitemap .page-area__sitemap-link--list {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 22px;
	padding: 0 1px;
	width: 100%
}

.sitemap .page-area__sitemap-link--item {
	height: 50px;
	width: calc((100% / 5) - 16px)
}

@media screen and (min-width: 768px) {
	.sitemap .page-area__sitemap-link--item:not(:first-of-type) {
		margin-left: 20px
	}

	.sitemap .page-area__sitemap-link--item:nth-of-type(n+6) {
		margin-top: 10px
	}

	.sitemap .page-area__sitemap-link--item:nth-of-type(4n+6) {
		margin-left: 0
	}
}

.sitemap .page-area__sitemap-link--link {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.28571;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
	color: #1f1f1f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	height: 100%;
	width: 100%
}

@media all and (-ms-high-contrast: none) {
	.sitemap .page-area__sitemap-link--link {
		padding-top: 5px
	}
}

@media screen and (min-width: 768px) {
	.sitemap .page-area__sitemap-link--link {
		max-height: 50px
	}
}

@media screen and (min-width: 768px) {
	.sitemap .page-area__sitemap-link--link:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: -webkit-gradient(linear, left top, right top, from(#0c21c3), to(#0874dc));
		background-image: linear-gradient(90deg, #0c21c3 0%, #0874dc 100%);
		position: absolute;
		left: -1px;
		top: 0;
		-webkit-transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: width 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		height: 100%;
		width: 0%
	}
}

@media screen and (min-width: 768px) {
	.sitemap .page-area__sitemap-link--link:hover:after {
		width: 100%
	}

	.sitemap .page-area__sitemap-link--link:hover span {
		color: #fff
	}

	.sitemap .page-area__sitemap-link--link:hover span:before {
		border-left: 1px dotted #fff
	}

	.sitemap .page-area__sitemap-link--link:hover span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 2px 2px 0;
		vertical-align: middle;
		height: 7px;
		width: 7px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}

.sitemap .page-area__sitemap-link--link span {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 10px;
	padding-top: 24px;
	padding-bottom: 26px;
	position: relative;
	-webkit-transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
	height: 100%;
	width: 100%;
	z-index: 1
}

.sitemap .page-area__sitemap-link--link span:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-left: 1px dotted #0874dc;
	position: absolute;
	right: 30px;
	height: 10px;
	width: 1px
}

@media all and (-ms-high-contrast: none) {
	.sitemap .page-area__sitemap-link--link span:before {
		margin-top: 2px;
		height: 11px
	}
}

.sitemap .page-area__sitemap-link--link span:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 7px;
	width: 7px;
	border-color: #0371c7;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 16px
}

@media all and (-ms-high-contrast: none) {
	.sitemap .page-area__sitemap-link--link span:after {
		margin-top: 3px
	}
}

@media screen and (max-width: 767px) {
	.sitemap section:first-of-type {
		margin-top: 20px
	}

	.sitemap section:not(:first-of-type) {
		margin-top: 40px
	}

	.sitemap .page-area__sitemap-link--list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 10px
	}

	.sitemap .page-area__sitemap-link--item {
		height: 60px;
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) {
	.sitemap .page-area__sitemap-link--link {
		font-size: 14px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.sitemap .page-area__sitemap-link--link span {
		padding-left: 5px;
		padding-top: 0;
		padding-bottom: 0
	}

	.sitemap .page-area__sitemap-link--link span:before {
		right: 30px;
		height: 10px;
		width: 1px
	}

	.sitemap .page-area__sitemap-link--link span:after {
		margin-top: 4px;
		right: 10px
	}
}

.mt0 {
	margin-top: 0px !important
}

.mb0 {
	margin-bottom: 0px !important
}

.mt1 {
	margin-top: 1px !important
}

.mb1 {
	margin-bottom: 1px !important
}

.mt2 {
	margin-top: 2px !important
}

.mb2 {
	margin-bottom: 2px !important
}

.mt3 {
	margin-top: 3px !important
}

.mb3 {
	margin-bottom: 3px !important
}

.mt4 {
	margin-top: 4px !important
}

.mb4 {
	margin-bottom: 4px !important
}

.mt5 {
	margin-top: 5px !important
}

.mb5 {
	margin-bottom: 5px !important
}

.mt6 {
	margin-top: 6px !important
}

.mb6 {
	margin-bottom: 6px !important
}

.mt7 {
	margin-top: 7px !important
}

.mb7 {
	margin-bottom: 7px !important
}

.mt8 {
	margin-top: 8px !important
}

.mb8 {
	margin-bottom: 8px !important
}

.mt9 {
	margin-top: 9px !important
}

.mb9 {
	margin-bottom: 9px !important
}

.mt10 {
	margin-top: 10px !important
}

.mb10 {
	margin-bottom: 10px !important
}

.mt11 {
	margin-top: 11px !important
}

.mb11 {
	margin-bottom: 11px !important
}

.mt12 {
	margin-top: 12px !important
}

.mb12 {
	margin-bottom: 12px !important
}

.mt13 {
	margin-top: 13px !important
}

.mb13 {
	margin-bottom: 13px !important
}

.mt14 {
	margin-top: 14px !important
}

.mb14 {
	margin-bottom: 14px !important
}

.mt15 {
	margin-top: 15px !important
}

.mb15 {
	margin-bottom: 15px !important
}

.mt16 {
	margin-top: 16px !important
}

.mb16 {
	margin-bottom: 16px !important
}

.mt17 {
	margin-top: 17px !important
}

.mb17 {
	margin-bottom: 17px !important
}

.mt18 {
	margin-top: 18px !important
}

.mb18 {
	margin-bottom: 18px !important
}

.mt19 {
	margin-top: 19px !important
}

.mb19 {
	margin-bottom: 19px !important
}

.mt20 {
	margin-top: 20px !important
}

.mb20 {
	margin-bottom: 20px !important
}

.mt21 {
	margin-top: 21px !important
}

.mb21 {
	margin-bottom: 21px !important
}

.mt22 {
	margin-top: 22px !important
}

.mb22 {
	margin-bottom: 22px !important
}

.mt23 {
	margin-top: 23px !important
}

.mb23 {
	margin-bottom: 23px !important
}

.mt24 {
	margin-top: 24px !important
}

.mb24 {
	margin-bottom: 24px !important
}

.mt25 {
	margin-top: 25px !important
}

.mb25 {
	margin-bottom: 25px !important
}

.mt26 {
	margin-top: 26px !important
}

.mb26 {
	margin-bottom: 26px !important
}

.mt27 {
	margin-top: 27px !important
}

.mb27 {
	margin-bottom: 27px !important
}

.mt28 {
	margin-top: 28px !important
}

.mb28 {
	margin-bottom: 28px !important
}

.mt29 {
	margin-top: 29px !important
}

.mb29 {
	margin-bottom: 29px !important
}

.mt30 {
	margin-top: 30px !important
}

.mb30 {
	margin-bottom: 30px !important
}

.mt31 {
	margin-top: 31px !important
}

.mb31 {
	margin-bottom: 31px !important
}

.mt32 {
	margin-top: 32px !important
}

.mb32 {
	margin-bottom: 32px !important
}

.mt33 {
	margin-top: 33px !important
}

.mb33 {
	margin-bottom: 33px !important
}

.mt34 {
	margin-top: 34px !important
}

.mb34 {
	margin-bottom: 34px !important
}

.mt35 {
	margin-top: 35px !important
}

.mb35 {
	margin-bottom: 35px !important
}

.mt36 {
	margin-top: 36px !important
}

.mb36 {
	margin-bottom: 36px !important
}

.mt37 {
	margin-top: 37px !important
}

.mb37 {
	margin-bottom: 37px !important
}

.mt38 {
	margin-top: 38px !important
}

.mb38 {
	margin-bottom: 38px !important
}

.mt39 {
	margin-top: 39px !important
}

.mb39 {
	margin-bottom: 39px !important
}

.mt40 {
	margin-top: 40px !important
}

.mb40 {
	margin-bottom: 40px !important
}

.mt41 {
	margin-top: 41px !important
}

.mb41 {
	margin-bottom: 41px !important
}

.mt42 {
	margin-top: 42px !important
}

.mb42 {
	margin-bottom: 42px !important
}

.mt43 {
	margin-top: 43px !important
}

.mb43 {
	margin-bottom: 43px !important
}

.mt44 {
	margin-top: 44px !important
}

.mb44 {
	margin-bottom: 44px !important
}

.mt45 {
	margin-top: 45px !important
}

.mb45 {
	margin-bottom: 45px !important
}

.mt46 {
	margin-top: 46px !important
}

.mb46 {
	margin-bottom: 46px !important
}

.mt47 {
	margin-top: 47px !important
}

.mb47 {
	margin-bottom: 47px !important
}

.mt48 {
	margin-top: 48px !important
}

.mb48 {
	margin-bottom: 48px !important
}

.mt49 {
	margin-top: 49px !important
}

.mb49 {
	margin-bottom: 49px !important
}

.mt50 {
	margin-top: 50px !important
}

.mb50 {
	margin-bottom: 50px !important
}

.flex-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex-align-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.slick-slider .dots button {
	height: 100%;
	width: 100%
}

.slick-slider .dots li {
	color: transparent;
	font: 0/0 a;
	overflow: hidden;
	text-shadow: none
}

.slick-slider .dots li:hover {
	cursor: pointer
}

.sticky:before,
.sticky:after {
	content: '';
	display: table
}

@media screen and (min-width: 768px) {
	.tel-link {
		color: inherit;
		pointer-events: none
	}
}

.double {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important
}

/* 自己修改 */
.l-footer__pagetop .txt span{
	color: #f96d00;
}